@duetds/components 4.36.0 → 4.36.1

package/lib/types/components/duet-collapsible/duet-collapsible.d.ts

@@ -9,6 +9,7 @@ export declare type DuetCollapsibleToggleEvent = {
 };
 /**
  * @part duet-collapsible-heading-content - piercing selector for styling the heading content
+ * @part duet-collapsible-content - piercing selector for styling the content
  */
 export declare class DuetCollapsible implements ThemeableComponent {
   /**

package/lib/types/components/duet-tab-group/duet-tab-group.d.ts

@@ -7,6 +7,10 @@ export declare type DuetTabGroupEvent = {
   value: number;
 };
 export declare type DuetTabVariation = "default" | "plain";
+/**
+ * @part ${identifier}-button - piercing selector for styling tab buttons
+ * @part ${identifier}-button--selected - piercing selector for styling selected tab button
+ */
 export declare class DuetTabGroup implements ThemeableComponent {
   /**
    * Own Properties.

package/lib/types/utils/token-utils.d.ts

@@ -6,3 +6,5 @@ export declare function camelize(str?: string): string;
 export declare function getTheme(theme?: DuetTheme): DuetTheme;
 export declare function getColorByName(name: string, theme?: DuetTheme): string | undefined;
 export declare function convertToColorName(name?: string, theme?: DuetTheme): string;
+export declare function getFontSizeByName(name: string): string | undefined;
+export declare function getFontWeightByName(name: string): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "4.36.0",
+  "version": "4.36.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -53,11 +53,11 @@
     "koa-colorful-logger": "0.0.3"
   },
   "devDependencies": {
-    "@duetds/fonts": "1.4.16",
-    "@duetds/icons": "2.2.16",
+    "@duetds/fonts": "1.4.17",
+    "@duetds/icons": "2.2.17",
     "@duetds/stencil-angular-output-target": "0.0.2",
     "@duetds/stencil-react-output-target": "0.0.10",
-    "@duetds/tokens": "2.4.16",
+    "@duetds/tokens": "2.5.0",
     "@koa/cors": "3.1.0",
     "@rollup/plugin-replace": "3.0.1",
     "@stencil/core": "2.12.1",
@@ -96,5 +96,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "2096e6f07babd0ce5bf820c5ca24fb7df554902e"
+  "gitHead": "9e5243a907ab40c6720b77cedd646cab08479680"
 }

package/lib/duet/p-50b4fb2c.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{t as n}from"./p-ad07f399.js";const t=["turva"];function r(n){const t=n.includes("-"),r=n.includes(" ")||n.includes("_"),o="-"===n.charAt(0);return t&&!r&&!o}function o(n=""){return`${n.charAt(0).toUpperCase()}${n.slice(1)}`}function u(t,r=""){if(!t)return;const o=c(t),u=c(t,r);let e=n[u];return e||(e=n[o]),e}function c(n="",u=""){let c=n;return r(n)&&(c=function(n=""){const t=n.split("-");return t.forEach(((n,r)=>{t[r]=o(n)})),t.join("")}(c)),c=function(n=""){return!n||r(n)||function(n=""){return 0===n.indexOf("Color")||0===n.indexOf("color")}(n)?n:`color${o(n)}`}(c),c=function(n,r){return function(n=""){return t.includes(n.toLowerCase())?n.toLowerCase():""}(r).length&&-1===n.indexOf(r)?`${n}${o(r)}`:n}(c,u),c=function(n=""){return`${n.charAt(0).toLowerCase()}${n.slice(1)}`}(c),c}export{u as g}

package/lib/duet/p-7e2c06d0.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h as o}from"./p-8c0fd5de.js";const s=o=>{"setFocus"in o?o.setFocus():o.focus()},d=({moveFocusTo:d})=>o("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:()=>s(d)});export{d as F,s as f}

package/lib/duet/p-995f20fc.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r,h as e,H as s,g as a}from"./p-8c0fd5de.js";import{c as o}from"./p-c1325e35.js";import{g as t}from"./p-2764f081.js";import{i}from"./p-a28cf57b.js";import"./p-986779fb.js";let n=class{constructor(e){r(this,e),this.progressId=o("DuetProgress"),this.progressLabelId=o("DuetProgressLabel"),this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]},this.accessibleLabelUpload=t(this.accessibleLabelUploadDefaults),this.progress=0,this.height="10px",this.theme=""}componentWillLoad(){i(this)}render(){return e(s,null,e("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":!0,"duet-progress-done":100===this.progress,"duet-progress-start":0===this.progress,"duet-progress-inprogress":this.progress<99&&0!==this.progress,"duet-theme-turva":"turva"===this.theme}},e("duet-visually-hidden",null,e("label",{htmlFor:this.progressLabelId},0!==this.progress&&e("span",null,this.accessibleLabel,", ",this.accessibleLabelUpload[this.progress<99?1:0]))),this.caption&&e("div",{class:"duet-progress-caption"},e("span",null,this.caption)),e("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},e("div",{class:"progress-bar"},e("span",{style:{width:`${this.progress}%;`}},"Progress: ",this.progress,"%")))))}get element(){return a(this)}};n.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:#f3f9fc;border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:#fcf3f4}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:#0077b3;border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:#c60c30}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:#0077b3;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:#c60c30}.duet-progress progress[value]::-webkit-progress-bar{background-color:#f3f9fc;border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:#fcf3f4}.duet-progress progress[value]::-webkit-progress-value{background-color:#0077b3;background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:#c60c30}.duet-progress progress[value] ::-moz-progress-bar{background-color:#f3f9fc}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:#fcf3f4}";export{n as duet_progress}

package/lib/duet/p-a16a58c1.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-ddb6344c.system.js"],(function(r){"use strict";var n;return{setters:[function(r){n=r.t}],execute:function(){r("g",d);var i=["turva"];function t(r){var n=r.includes("-");var i=r.includes(" ")||r.includes("_");var t=r.charAt(0)==="-";return n&&!i&&!t}function e(r){if(r===void 0){r=""}return""+r.charAt(0).toUpperCase()+r.slice(1)}function o(r){if(r===void 0){r=""}return""+r.charAt(0).toLowerCase()+r.slice(1)}function u(r){if(r===void 0){r=""}var n=r.split("-");n.forEach((function(r,i){n[i]=e(r)}));return n.join("")}function f(r){if(r===void 0){r=""}if(i.includes(r.toLowerCase())){return r.toLowerCase()}return""}function c(r){if(r===void 0){r=""}return r.indexOf("Color")===0||r.indexOf("color")===0}function v(r){if(r===void 0){r=""}if(r&&!t(r)&&!c(r)){return"color"+e(r)}return r}function a(r,n){var i=f(n).length;if(i&&r.indexOf(n)===-1){return""+r+e(n)}return r}function d(r,i){if(i===void 0){i=""}if(!r){return undefined}var t=s(r);var e=s(r,i);var o=n[e];if(!o){o=n[t]}return o}function s(r,n){if(r===void 0){r=""}if(n===void 0){n=""}var i=r;var e=t(r);if(e){i=u(i)}i=v(i);i=a(i,n);i=o(i);return i}}}}));

package/lib/duet/p-fc02d8e9.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as o,H as a,g as i}from"./p-8c0fd5de.js";import{a as s}from"./p-115c79b6.js";import{f as l,t as n}from"./p-8143f3de.js";import{c as r}from"./p-c1325e35.js";import{i as c}from"./p-898f30a5.js";import{s as p}from"./p-986779fb.js";import{i as d}from"./p-a28cf57b.js";let m=class{constructor(o){e(this,o),this.duetToggle=t(this,"duetToggle",7),this.id=r("DuetCollapsible"),this.theme="",this.heading="",this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return l},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){d(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?p(this.headingLevel):"div";return o(a,{class:{"duet-m-0":"none"===this.margin}},o(e,{class:{"duet-collapsible-heading":!0,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:e=>this.nativeButton=e,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("div",{class:"duet-collapsible-heading-icon"},o("duet-icon",{margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),o("div",{class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading)),o("div",{id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme}},o("slot",null)))}get element(){return i(this)}};m.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}:host([open]) .duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-collapsible-heading .duet-collapsible-heading-content{flex:1}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva) .duet-collapsible-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';export{m as duet_collapsible}

package/lib/esm-es5/focus-utils-bd3c1702.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h}from"./index-49b2d31a.js";var focusElement=function(u){if("setFocus"in u){u.setFocus()}else{u.focus()}};var FocusGuard=function(u){var o=u.moveFocusTo;return h("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:function(){return focusElement(o)}})};export{FocusGuard as F,focusElement as f};

package/lib/esm-es5/token-utils-75f78ca4.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{t as tokens}from"./tokens.module-49cbf963.js";var allowedThemes=["turva"];function isDashCase(e){var o=e.includes("-");var r=e.includes(" ")||e.includes("_");var i=e.charAt(0)==="-";return o&&!r&&!i}function capitalize(e){if(e===void 0){e=""}return""+e.charAt(0).toUpperCase()+e.slice(1)}function lowerCaseFirst(e){if(e===void 0){e=""}return""+e.charAt(0).toLowerCase()+e.slice(1)}function camelize(e){if(e===void 0){e=""}var o=e.split("-");o.forEach((function(e,r){o[r]=capitalize(e)}));return o.join("")}function getTheme(e){if(e===void 0){e=""}if(allowedThemes.includes(e.toLowerCase())){return e.toLowerCase()}return""}function hasColor(e){if(e===void 0){e=""}return e.indexOf("Color")===0||e.indexOf("color")===0}function addColor(e){if(e===void 0){e=""}if(e&&!isDashCase(e)&&!hasColor(e)){return"color"+capitalize(e)}return e}function addTheme(e,o){var r=getTheme(o).length;if(r&&e.indexOf(o)===-1){return""+e+capitalize(o)}return e}function getColorByName(e,o){if(o===void 0){o=""}if(!e){return undefined}var r=convertToColorName(e);var i=convertToColorName(e,o);var t=tokens[i];if(!t){t=tokens[r]}return t}function convertToColorName(e,o){if(e===void 0){e=""}if(o===void 0){o=""}var r=e;var i=isDashCase(e);if(i){r=camelize(r)}r=addColor(r);r=addTheme(r,o);r=lowerCaseFirst(r);return r}export{getColorByName as g};