@cupra/ui-kit 2.0.0-canary.85 → 2.0.0-canary.86

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 (33) hide show
  1. package/dist/cjs/components/ds-checkbox/ds-checkbox.cjs +2 -2
  2. package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  3. package/dist/cjs/utils/IconsManager.cjs +1 -1
  4. package/dist/cjs/utils/PubSub.cjs +1 -1
  5. package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  6. package/dist/cjs/utils/cssWithTokens.cjs +1 -1
  7. package/dist/cjs/utils/htmlWithTokens.cjs +1 -1
  8. package/dist/esm/components/ds-checkbox/ds-checkbox.js +63 -54
  9. package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  10. package/dist/esm/utils/IconsManager.js +1 -1
  11. package/dist/esm/utils/PubSub.js +1 -1
  12. package/dist/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  13. package/dist/esm/utils/cssWithTokens.js +1 -1
  14. package/dist/esm/utils/htmlWithTokens.js +1 -1
  15. package/dist/types/components/ds-checkbox/ds-checkbox.d.ts +3 -0
  16. package/dist/types/components/ds-theme-provider/themeContext.d.ts +1 -1
  17. package/dist-react/cjs/components/ds-checkbox/ds-checkbox.cjs +2 -2
  18. package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  19. package/dist-react/cjs/utils/IconsManager.cjs +1 -1
  20. package/dist-react/cjs/utils/PubSub.cjs +1 -1
  21. package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  22. package/dist-react/cjs/utils/cssWithTokens.cjs +1 -1
  23. package/dist-react/cjs/utils/htmlWithTokens.cjs +1 -1
  24. package/dist-react/esm/components/ds-checkbox/ds-checkbox.js +63 -54
  25. package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  26. package/dist-react/esm/utils/IconsManager.js +1 -1
  27. package/dist-react/esm/utils/PubSub.js +1 -1
  28. package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  29. package/dist-react/esm/utils/cssWithTokens.js +1 -1
  30. package/dist-react/esm/utils/htmlWithTokens.js +1 -1
  31. package/dist-react/types/components/ds-checkbox/ds-checkbox.d.ts +3 -0
  32. package/dist-react/types/components/ds-theme-provider/themeContext.d.ts +1 -1
  33. package/package.json +1 -1
package/dist/cjs/components/ds-checkbox/ds-checkbox.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),l=require("../ds-checkbox-group/ds-checkbox-group.cjs"),b=require("../../decorators/customUiKitElement.cjs"),x=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),c=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(h,t,s,n)=>{for(var i=n>1?void 0:n?f(t,s):t,a=h.length-1,p;a>=0;a--)(p=h[a])&&(i=(n?p(t,s,i):p(i))||i);return n&&i&&C(t,s,i),i};exports.DsCheckbox=class extends m.FormAssociatedMixin(u.UiKitElement){constructor(){super(...arguments),this.inputPlacement="left",this.checked=!1,this.required=!1,this._disabled=!1,this.mode="light",this._size="medium",this.helperText="",this.infoText="",this._forcedError="",this.invalidError="",this.indeterminate=!1}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:t=>{this.disabledGroup=t}},{context:l.checkboxGroupErrorContext,callback:t=>{this.errorGroup=t}},{context:l.checkboxGroupSizeContext,callback:t=>{this.sizeGroup=t}}])})}createContextConsumers(t){t.forEach(({context:s,callback:n})=>{new x.ContextConsumer(this,{context:s,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}get forcedError(){return this._forcedError}get error(){return this.errorGroup??!!this._forcedError}handleChange(t){const s=t.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return o.nothing;const t=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":t})}get styleTokens(){return y.htmlWithTokens`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),l=require("../ds-checkbox-group/ds-checkbox-group.cjs"),b=require("../../decorators/customUiKitElement.cjs"),x=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),c=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(h,e,s,n)=>{for(var i=n>1?void 0:n?f(e,s):e,a=h.length-1,p;a>=0;a--)(p=h[a])&&(i=(n?p(e,s,i):p(i))||i);return n&&i&&C(e,s,i),i};exports.DsCheckbox=class extends m.FormAssociatedMixin(u.UiKitElement){constructor(){super(...arguments),this.inputPlacement="left",this.checked=!1,this.required=!1,this._disabled=!1,this.mode="light",this._size="medium",this.helperText="",this.infoText="",this._forcedError="",this.invalidError="",this.indeterminate=!1}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:l.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:l.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(e){e.forEach(({context:s,callback:n})=>{new x.ContextConsumer(this,{context:s,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){const s=e.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return o.nothing;const e=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":e})}get styleTokens(){return y.htmlWithTokens`
2
2
  <style>
3
3
  :host{
4
4
  color-scheme: ${this.mode};
@@ -35,4 +35,4 @@
35
35
  </div>
36
36
  </label>
37
37
  </div>
38
- `}};exports.DsCheckbox.styles=[v.commonStyles];e([r.property({type:String})],exports.DsCheckbox.prototype,"name",2);e([r.property({type:String})],exports.DsCheckbox.prototype,"value",2);e([r.property({type:String,attribute:"input-placement"})],exports.DsCheckbox.prototype,"inputPlacement",2);e([r.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsCheckbox.prototype,"checked",2);e([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"required",2);e([r.property({type:Boolean,converter:c.booleanConverter,attribute:"disabled"})],exports.DsCheckbox.prototype,"_disabled",2);e([r.property({type:String,reflect:!0})],exports.DsCheckbox.prototype,"mode",2);e([r.property({type:String,attribute:"size"})],exports.DsCheckbox.prototype,"_size",2);e([r.property({type:String,attribute:"helper-text"})],exports.DsCheckbox.prototype,"helperText",2);e([r.property({type:String,attribute:"info-text"})],exports.DsCheckbox.prototype,"infoText",2);e([r.property({type:String,attribute:"forced-error"})],exports.DsCheckbox.prototype,"_forcedError",2);e([r.property({type:String,attribute:"invalid-error"})],exports.DsCheckbox.prototype,"invalidError",2);e([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"indeterminate",2);e([d.state()],exports.DsCheckbox.prototype,"disabledGroup",2);e([d.state()],exports.DsCheckbox.prototype,"errorGroup",2);e([d.state()],exports.DsCheckbox.prototype,"sizeGroup",2);exports.DsCheckbox=e([b.customUiKitElement("ds-checkbox")],exports.DsCheckbox);
38
+ `}};exports.DsCheckbox.styles=[v.commonStyles];t([r.property({type:String})],exports.DsCheckbox.prototype,"name",2);t([r.property({type:String})],exports.DsCheckbox.prototype,"value",2);t([r.property({type:String,attribute:"input-placement"})],exports.DsCheckbox.prototype,"inputPlacement",2);t([r.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsCheckbox.prototype,"checked",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"required",2);t([r.property({type:Boolean,converter:c.booleanConverter,attribute:"disabled"})],exports.DsCheckbox.prototype,"_disabled",2);t([r.property({type:String,reflect:!0})],exports.DsCheckbox.prototype,"mode",2);t([r.property({type:String,attribute:"size"})],exports.DsCheckbox.prototype,"_size",2);t([r.property({type:String,attribute:"helper-text"})],exports.DsCheckbox.prototype,"helperText",2);t([r.property({type:String,attribute:"info-text"})],exports.DsCheckbox.prototype,"infoText",2);t([r.property({type:String,attribute:"forced-error"})],exports.DsCheckbox.prototype,"_forcedError",2);t([r.property({type:String,attribute:"invalid-error"})],exports.DsCheckbox.prototype,"invalidError",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"indeterminate",2);t([d.state()],exports.DsCheckbox.prototype,"disabledGroup",2);t([d.state()],exports.DsCheckbox.prototype,"errorGroup",2);t([d.state()],exports.DsCheckbox.prototype,"sizeGroup",2);exports.DsCheckbox=t([b.customUiKitElement("ds-checkbox")],exports.DsCheckbox);
package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../core/theme.constants.cjs"),p=require("../../decorators/customUiKitElement.cjs"),f=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),y=require("../../utils/PubSub.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),v=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),$=require("../../styles/source/shared/fonts-config.cjs"),T=require("./themeContext.cjs");var b=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(a,e,s,o)=>{for(var t=o>1?void 0:o?P(e,s):e,r=a.length-1,n;r>=0;r--)(n=a[r])&&(t=(o?n(e,s,t):n(t))||t);return o&&t&&b(e,s,t),t};exports.DsThemeProvider=class extends v.LitElement{constructor(){super(...arguments),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has("theme")&&(y.pubSub.publish("theme",this.theme),sessionStorage==null||sessionStorage.setItem(c.THEME_STORAGE_KEY,this.theme),typeof FontFace<"u"&&(document!=null&&document.fonts)&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent("ui-kit:ready",{bubbles:!0,composed:!0}))}))}loadThemeFonts(){var e;(e=$.fontsConfig[this.theme])==null||e.fonts.forEach(s=>{this.loadThemeFont(s)})}async loadThemeFont({weight:e,name:s,file:o}){if(!this.loadFonts)return Promise.resolve();const t=`${s}-${e}`;if(this.loadedFonts.has(t))return;const r=new FontFace(s,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff2') format('woff2'),
2
2
  url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff') format('woff'),
3
3
  url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.ttf') format('truetype'),
4
- url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await r.load(),document.fonts.add(r),this.loadedFonts.add(t)}catch(n){console.error(`Error loading "${s}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,s)=>{const o="/2.0.0-canary.85",t=`https://ds-assets.cupra.com${o}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${t}"]`))e();else{const r=`ui-kit-theme-${o}`,n=document.getElementById(r),i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=t,i.onload=()=>e(),i.onerror=()=>s(new Error(`Failed to load theme CSS: ${t}`)),document.head.appendChild(i),n==null||n.remove()}}):Promise.resolve()}render(){return this.cssLoaded?l.html`<slot></slot>`:l.nothing}};d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-fonts"})],exports.DsThemeProvider.prototype,"loadFonts",2);d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-styles"})],exports.DsThemeProvider.prototype,"loadStyles",2);d([f.provide({context:T.themeContext}),h.property({type:String})],exports.DsThemeProvider.prototype,"theme",2);d([u.state()],exports.DsThemeProvider.prototype,"cssLoaded",2);d([u.state()],exports.DsThemeProvider.prototype,"loadedFonts",2);exports.DsThemeProvider=d([p.customUiKitElement("ds-theme-provider")],exports.DsThemeProvider);
4
+ url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await r.load(),document.fonts.add(r),this.loadedFonts.add(t)}catch(n){console.error(`Error loading "${s}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,s)=>{const o="/2.0.0-canary.86",t=`https://ds-assets.cupra.com${o}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${t}"]`))e();else{const r=`ui-kit-theme-${o}`,n=document.getElementById(r),i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=t,i.onload=()=>e(),i.onerror=()=>s(new Error(`Failed to load theme CSS: ${t}`)),document.head.appendChild(i),n==null||n.remove()}}):Promise.resolve()}render(){return this.cssLoaded?l.html`<slot></slot>`:l.nothing}};d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-fonts"})],exports.DsThemeProvider.prototype,"loadFonts",2);d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-styles"})],exports.DsThemeProvider.prototype,"loadStyles",2);d([f.provide({context:T.themeContext}),h.property({type:String})],exports.DsThemeProvider.prototype,"theme",2);d([u.state()],exports.DsThemeProvider.prototype,"cssLoaded",2);d([u.state()],exports.DsThemeProvider.prototype,"loadedFonts",2);exports.DsThemeProvider=d([p.customUiKitElement("ds-theme-provider")],exports.DsThemeProvider);
package/dist/cjs/utils/IconsManager.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../core/theme.constants.cjs"),l=require("./PubSub.cjs");class u{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;const n=Object.keys(this.icons);this.icons={},n.forEach(s=>this.fetchIcon(s))},this.fetchIcon=async(e,n={})=>{const s=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(r.THEME_STORAGE_KEY):null;!this.theme&&s&&(this.theme=s);const t=this.icons[e];if(t)return await t;const i=this.loadIcon(e,n).catch(a=>{throw delete this.icons[e],a});return this.icons[e]=i,i},this.loadIcon=(e,{cache:n="force-cache",...s})=>!this.theme||typeof fetch>"u"?Promise.resolve('<svg class="ds-icon"></svg>'):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:n,...s}).then(t=>t.text()).catch(t=>{if((t==null?void 0:t.name)==="AbortError")throw t;return console.error(`Failed to fetch icon "${e}":`,t),""}),l.pubSub.subscribe("theme",this.handleChangeTheme)}}const o=Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.85"),h=globalThis;let c=h[o];c||(c=new u,Object.defineProperty(h,o,{value:c,writable:!1,configurable:!1,enumerable:!1}));const f=c;exports.iconsManager=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../core/theme.constants.cjs"),l=require("./PubSub.cjs");class u{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;const n=Object.keys(this.icons);this.icons={},n.forEach(s=>this.fetchIcon(s))},this.fetchIcon=async(e,n={})=>{const s=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(r.THEME_STORAGE_KEY):null;!this.theme&&s&&(this.theme=s);const t=this.icons[e];if(t)return await t;const i=this.loadIcon(e,n).catch(a=>{throw delete this.icons[e],a});return this.icons[e]=i,i},this.loadIcon=(e,{cache:n="force-cache",...s})=>!this.theme||typeof fetch>"u"?Promise.resolve('<svg class="ds-icon"></svg>'):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:n,...s}).then(t=>t.text()).catch(t=>{if((t==null?void 0:t.name)==="AbortError")throw t;return console.error(`Failed to fetch icon "${e}":`,t),""}),l.pubSub.subscribe("theme",this.handleChangeTheme)}}const o=Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.86"),h=globalThis;let c=h[o];c||(c=new u,Object.defineProperty(h,o,{value:c,writable:!1,configurable:!1,enumerable:!1}));const f=c;exports.iconsManager=f;
package/dist/cjs/utils/PubSub.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class u{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(s,r){return this.subscribers[s]||(this.subscribers[s]=[]),this.subscribers[s].push(r),this.lastPublishedData[s]}unsubscribe(s,r){this.subscribers[s]&&(this.subscribers[s]=this.subscribers[s].filter(i=>i!==r))}publish(s,r){this.lastPublishedData[s]=r,this.subscribers[s]&&this.subscribers[s].forEach(i=>{try{i(r)}catch(c){console.error(`Error in subscriber for event "${s}":`,c)}})}}const t=Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.85"),e=globalThis;let b=e[t];b||(b=new u,Object.defineProperty(e,t,{value:b,writable:!1,configurable:!1,enumerable:!1}));const l=b;exports.PubSub=u;exports.pubSub=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class u{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(s,r){return this.subscribers[s]||(this.subscribers[s]=[]),this.subscribers[s].push(r),this.lastPublishedData[s]}unsubscribe(s,r){this.subscribers[s]&&(this.subscribers[s]=this.subscribers[s].filter(i=>i!==r))}publish(s,r){this.lastPublishedData[s]=r,this.subscribers[s]&&this.subscribers[s].forEach(i=>{try{i(r)}catch(c){console.error(`Error in subscriber for event "${s}":`,c)}})}}const t=Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.86"),e=globalThis;let b=e[t];b||(b=new u,Object.defineProperty(e,t,{value:b,writable:!1,configurable:!1,enumerable:!1}));const l=b;exports.PubSub=u;exports.pubSub=l;
package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../concurrencyLimit.cjs"),a=o.concurrencyLimit(20);class s{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:e,theme:t})=>{if(!t||!e)return;const c=`https://ds-assets.cupra.com/2.0.0-canary.85/styles/${t}/components/${e}.css`,r=this.getCachedStyleSheetPromise({url:c});if(r)return r;const i=a(()=>this.fetchStyle({url:c})).then(n=>(n||this.stylePromises.delete(c),n));return this.stylePromises.set(c,i),this.stylePromises.get(c)}}async fetchStyle({url:e}){try{if(typeof fetch>"u")return;const t=await fetch(e,{cache:"force-cache"});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return s.instance||(s.instance=new s),s.instance}}const h=s.getInstance();exports.stylesRegistry=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../concurrencyLimit.cjs"),a=o.concurrencyLimit(20);class s{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:e,theme:t})=>{if(!t||!e)return;const c=`https://ds-assets.cupra.com/2.0.0-canary.86/styles/${t}/components/${e}.css`,r=this.getCachedStyleSheetPromise({url:c});if(r)return r;const i=a(()=>this.fetchStyle({url:c})).then(n=>(n||this.stylePromises.delete(c),n));return this.stylePromises.set(c,i),this.stylePromises.get(c)}}async fetchStyle({url:e}){try{if(typeof fetch>"u")return;const t=await fetch(e,{cache:"force-cache"});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return s.instance||(s.instance=new s),s.instance}}const h=s.getInstance();exports.stylesRegistry=h;
package/dist/cjs/utils/cssWithTokens.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-85"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-86"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;
package/dist/cjs/utils/htmlWithTokens.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-85"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-86"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;
package/dist/esm/components/ds-checkbox/ds-checkbox.js CHANGED
@@ -11,13 +11,13 @@ import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-
11
11
  import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
12
12
  import { state as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
13
13
  import { classMap as E } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
14
- import { commonStyles as $ } from "./styles/common.styles.js";
15
- var C = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, t = (r, o, n, p) => {
16
- for (var s = p > 1 ? void 0 : p ? _(o, n) : o, l = r.length - 1, d; l >= 0; l--)
17
- (d = r[l]) && (s = (p ? d(o, n, s) : d(s)) || s);
18
- return p && s && C(o, n, s), s;
14
+ import { commonStyles as _ } from "./styles/common.styles.js";
15
+ var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, r = (e, o, n, p) => {
16
+ for (var s = p > 1 ? void 0 : p ? C(o, n) : o, l = e.length - 1, d; l >= 0; l--)
17
+ (d = e[l]) && (s = (p ? d(o, n, s) : d(s)) || s);
18
+ return p && s && $(o, n, s), s;
19
19
  };
20
- let e = class extends k(u) {
20
+ let t = class extends k(u) {
21
21
  constructor() {
22
22
  super(...arguments), this.inputPlacement = "left", this.checked = !1, this.required = !1, this._disabled = !1, this.mode = "light", this._size = "medium", this.helperText = "", this.infoText = "", this._forcedError = "", this.invalidError = "", this.indeterminate = !1;
23
23
  }
@@ -26,28 +26,28 @@ let e = class extends k(u) {
26
26
  this.createContextConsumers([
27
27
  {
28
28
  context: b,
29
- callback: (r) => {
30
- this.disabledGroup = r;
29
+ callback: (e) => {
30
+ this.disabledGroup = e;
31
31
  }
32
32
  },
33
33
  {
34
34
  context: f,
35
- callback: (r) => {
36
- this.errorGroup = r;
35
+ callback: (e) => {
36
+ this.errorGroup = e;
37
37
  }
38
38
  },
39
39
  {
40
40
  context: v,
41
- callback: (r) => {
42
- this.sizeGroup = r;
41
+ callback: (e) => {
42
+ this.sizeGroup = e;
43
43
  }
44
44
  }
45
45
  ]);
46
46
  });
47
47
  }
48
48
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
49
- createContextConsumers(r) {
50
- r.forEach(({ context: o, callback: n }) => {
49
+ createContextConsumers(e) {
50
+ e.forEach(({ context: o, callback: n }) => {
51
51
  new x(this, {
52
52
  context: o,
53
53
  callback: n,
@@ -58,17 +58,26 @@ let e = class extends k(u) {
58
58
  get disabled() {
59
59
  return this.disabledGroup ?? this._disabled;
60
60
  }
61
+ set disabled(e) {
62
+ this._disabled = e;
63
+ }
61
64
  get size() {
62
65
  return this.sizeGroup || this._size;
63
66
  }
67
+ set size(e) {
68
+ this._size = e;
69
+ }
64
70
  get forcedError() {
65
71
  return this._forcedError;
66
72
  }
73
+ set forcedError(e) {
74
+ this._forcedError = e;
75
+ }
67
76
  get error() {
68
77
  return this.errorGroup ?? !!this._forcedError;
69
78
  }
70
- handleChange(r) {
71
- const o = r.target;
79
+ handleChange(e) {
80
+ const o = e.target;
72
81
  this.checked = o.checked, this.dispatchEvent(
73
82
  new CustomEvent("change", {
74
83
  bubbles: !0,
@@ -93,10 +102,10 @@ let e = class extends k(u) {
93
102
  }
94
103
  get iconTemplate() {
95
104
  if (!this.checked) return c;
96
- const r = this.indeterminate ? "minus" : "check";
105
+ const e = this.indeterminate ? "minus" : "check";
97
106
  return this.componentFactory.createIcon({
98
107
  class: "icon",
99
- "icon-name": r
108
+ "icon-name": e
100
109
  });
101
110
  }
102
111
  get styleTokens() {
@@ -143,58 +152,58 @@ let e = class extends k(u) {
143
152
  `;
144
153
  }
145
154
  };
146
- e.styles = [$];
147
- t([
155
+ t.styles = [_];
156
+ r([
148
157
  i({ type: String })
149
- ], e.prototype, "name", 2);
150
- t([
158
+ ], t.prototype, "name", 2);
159
+ r([
151
160
  i({ type: String })
152
- ], e.prototype, "value", 2);
153
- t([
161
+ ], t.prototype, "value", 2);
162
+ r([
154
163
  i({ type: String, attribute: "input-placement" })
155
- ], e.prototype, "inputPlacement", 2);
156
- t([
164
+ ], t.prototype, "inputPlacement", 2);
165
+ r([
157
166
  i({ type: Boolean, converter: h, reflect: !0 })
158
- ], e.prototype, "checked", 2);
159
- t([
167
+ ], t.prototype, "checked", 2);
168
+ r([
160
169
  i({ type: Boolean, converter: h })
161
- ], e.prototype, "required", 2);
162
- t([
170
+ ], t.prototype, "required", 2);
171
+ r([
163
172
  i({ type: Boolean, converter: h, attribute: "disabled" })
164
- ], e.prototype, "_disabled", 2);
165
- t([
173
+ ], t.prototype, "_disabled", 2);
174
+ r([
166
175
  i({ type: String, reflect: !0 })
167
- ], e.prototype, "mode", 2);
168
- t([
176
+ ], t.prototype, "mode", 2);
177
+ r([
169
178
  i({ type: String, attribute: "size" })
170
- ], e.prototype, "_size", 2);
171
- t([
179
+ ], t.prototype, "_size", 2);
180
+ r([
172
181
  i({ type: String, attribute: "helper-text" })
173
- ], e.prototype, "helperText", 2);
174
- t([
182
+ ], t.prototype, "helperText", 2);
183
+ r([
175
184
  i({ type: String, attribute: "info-text" })
176
- ], e.prototype, "infoText", 2);
177
- t([
185
+ ], t.prototype, "infoText", 2);
186
+ r([
178
187
  i({ type: String, attribute: "forced-error" })
179
- ], e.prototype, "_forcedError", 2);
180
- t([
188
+ ], t.prototype, "_forcedError", 2);
189
+ r([
181
190
  i({ type: String, attribute: "invalid-error" })
182
- ], e.prototype, "invalidError", 2);
183
- t([
191
+ ], t.prototype, "invalidError", 2);
192
+ r([
184
193
  i({ type: Boolean, converter: h })
185
- ], e.prototype, "indeterminate", 2);
186
- t([
194
+ ], t.prototype, "indeterminate", 2);
195
+ r([
187
196
  m()
188
- ], e.prototype, "disabledGroup", 2);
189
- t([
197
+ ], t.prototype, "disabledGroup", 2);
198
+ r([
190
199
  m()
191
- ], e.prototype, "errorGroup", 2);
192
- t([
200
+ ], t.prototype, "errorGroup", 2);
201
+ r([
193
202
  m()
194
- ], e.prototype, "sizeGroup", 2);
195
- e = t([
203
+ ], t.prototype, "sizeGroup", 2);
204
+ t = r([
196
205
  y("ds-checkbox")
197
- ], e);
206
+ ], t);
198
207
  export {
199
- e as DsCheckbox
208
+ t as DsCheckbox
200
209
  };
package/dist/esm/components/ds-theme-provider/ds-theme-provider.js CHANGED
@@ -54,7 +54,7 @@ let m = class extends v {
54
54
  }
55
55
  loadThemeStyles() {
56
56
  return this.loadStyles ? new Promise((t, o) => {
57
- const s = "/2.0.0-canary.85", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/2.0.0-canary.86", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
58
58
  if (document.head.querySelector(`link[href="${r}"]`)) t();
59
59
  else {
60
60
  const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
package/dist/esm/utils/IconsManager.js CHANGED
@@ -25,7 +25,7 @@ class l {
25
25
  }), f.subscribe("theme", this.handleChangeTheme);
26
26
  }
27
27
  }
28
- const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.85"), h = globalThis;
28
+ const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.86"), h = globalThis;
29
29
  let i = h[c];
30
30
  i || (i = new l(), Object.defineProperty(h, c, {
31
31
  value: i,
package/dist/esm/utils/PubSub.js CHANGED
@@ -18,7 +18,7 @@ class e {
18
18
  });
19
19
  }
20
20
  }
21
- const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.85"), t = globalThis;
21
+ const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.86"), t = globalThis;
22
22
  let b = t[u];
23
23
  b || (b = new e(), Object.defineProperty(t, u, {
24
24
  value: b,
package/dist/esm/utils/StylesRegistry/StylesRegistry.js CHANGED
@@ -7,7 +7,7 @@ class s {
7
7
  theme: t
8
8
  }) => {
9
9
  if (!t || !e) return;
10
- const c = `https://ds-assets.cupra.com/2.0.0-canary.85/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
10
+ const c = `https://ds-assets.cupra.com/2.0.0-canary.86/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
11
11
  if (r) return r;
12
12
  const i = h(() => this.fetchStyle({ url: c })).then((n) => (n || this.stylePromises.delete(c), n));
13
13
  return this.stylePromises.set(c, i), this.stylePromises.get(c);
package/dist/esm/utils/cssWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
5
  function x(t, ...r) {
6
- const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-85"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-86"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
package/dist/esm/utils/htmlWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
5
5
  function x(t, ...r) {
6
- const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-85"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-86"), e = i(o);
7
7
  return n`${e}`;
8
8
  }
9
9
  export {
package/dist/types/components/ds-checkbox/ds-checkbox.d.ts CHANGED
@@ -26,8 +26,11 @@ export declare class DsCheckbox extends DsCheckbox_base {
26
26
  callback: any;
27
27
  }>): void;
28
28
  get disabled(): boolean;
29
+ set disabled(value: boolean);
29
30
  get size(): DsCheckboxAttrs['size'];
31
+ set size(value: DsCheckboxAttrs['size']);
30
32
  protected get forcedError(): DsCheckboxAttrs['forced-error'];
33
+ protected set forcedError(value: DsCheckboxAttrs['forced-error']);
31
34
  protected get error(): boolean;
32
35
  private handleChange;
33
36
  protected get classes(): {
package/dist/types/components/ds-theme-provider/themeContext.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type Theme = 'cupra' | 'cupra-diagonal' | 'seat';
1
+ export type Theme = 'cupra' | 'cupra-diagonal' | 'seat' | 'seat-legacy';
2
2
  export declare const themeContext: {
3
3
  __context__: Theme;
4
4
  };
package/dist-react/cjs/components/ds-checkbox/ds-checkbox.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),l=require("../ds-checkbox-group/ds-checkbox-group.cjs"),b=require("../../decorators/customUiKitElement.cjs"),x=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),c=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(h,t,s,n)=>{for(var i=n>1?void 0:n?f(t,s):t,a=h.length-1,p;a>=0;a--)(p=h[a])&&(i=(n?p(t,s,i):p(i))||i);return n&&i&&C(t,s,i),i};exports.DsCheckbox=class extends m.FormAssociatedMixin(u.UiKitElement){constructor(){super(...arguments),this.inputPlacement="left",this.checked=!1,this.required=!1,this._disabled=!1,this.mode="light",this._size="medium",this.helperText="",this.infoText="",this._forcedError="",this.invalidError="",this.indeterminate=!1}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:t=>{this.disabledGroup=t}},{context:l.checkboxGroupErrorContext,callback:t=>{this.errorGroup=t}},{context:l.checkboxGroupSizeContext,callback:t=>{this.sizeGroup=t}}])})}createContextConsumers(t){t.forEach(({context:s,callback:n})=>{new x.ContextConsumer(this,{context:s,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}get forcedError(){return this._forcedError}get error(){return this.errorGroup??!!this._forcedError}handleChange(t){const s=t.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return o.nothing;const t=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":t})}get styleTokens(){return y.htmlWithTokens`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),l=require("../ds-checkbox-group/ds-checkbox-group.cjs"),b=require("../../decorators/customUiKitElement.cjs"),x=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),c=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(h,e,s,n)=>{for(var i=n>1?void 0:n?f(e,s):e,a=h.length-1,p;a>=0;a--)(p=h[a])&&(i=(n?p(e,s,i):p(i))||i);return n&&i&&C(e,s,i),i};exports.DsCheckbox=class extends m.FormAssociatedMixin(u.UiKitElement){constructor(){super(...arguments),this.inputPlacement="left",this.checked=!1,this.required=!1,this._disabled=!1,this.mode="light",this._size="medium",this.helperText="",this.infoText="",this._forcedError="",this.invalidError="",this.indeterminate=!1}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:l.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:l.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(e){e.forEach(({context:s,callback:n})=>{new x.ContextConsumer(this,{context:s,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){const s=e.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return o.nothing;const e=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":e})}get styleTokens(){return y.htmlWithTokens`
2
2
  <style>
3
3
  :host{
4
4
  color-scheme: ${this.mode};
@@ -35,4 +35,4 @@
35
35
  </div>
36
36
  </label>
37
37
  </div>
38
- `}};exports.DsCheckbox.styles=[v.commonStyles];e([r.property({type:String})],exports.DsCheckbox.prototype,"name",2);e([r.property({type:String})],exports.DsCheckbox.prototype,"value",2);e([r.property({type:String,attribute:"input-placement"})],exports.DsCheckbox.prototype,"inputPlacement",2);e([r.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsCheckbox.prototype,"checked",2);e([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"required",2);e([r.property({type:Boolean,converter:c.booleanConverter,attribute:"disabled"})],exports.DsCheckbox.prototype,"_disabled",2);e([r.property({type:String,reflect:!0})],exports.DsCheckbox.prototype,"mode",2);e([r.property({type:String,attribute:"size"})],exports.DsCheckbox.prototype,"_size",2);e([r.property({type:String,attribute:"helper-text"})],exports.DsCheckbox.prototype,"helperText",2);e([r.property({type:String,attribute:"info-text"})],exports.DsCheckbox.prototype,"infoText",2);e([r.property({type:String,attribute:"forced-error"})],exports.DsCheckbox.prototype,"_forcedError",2);e([r.property({type:String,attribute:"invalid-error"})],exports.DsCheckbox.prototype,"invalidError",2);e([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"indeterminate",2);e([d.state()],exports.DsCheckbox.prototype,"disabledGroup",2);e([d.state()],exports.DsCheckbox.prototype,"errorGroup",2);e([d.state()],exports.DsCheckbox.prototype,"sizeGroup",2);exports.DsCheckbox=e([b.customUiKitElement("ds-checkbox")],exports.DsCheckbox);
38
+ `}};exports.DsCheckbox.styles=[v.commonStyles];t([r.property({type:String})],exports.DsCheckbox.prototype,"name",2);t([r.property({type:String})],exports.DsCheckbox.prototype,"value",2);t([r.property({type:String,attribute:"input-placement"})],exports.DsCheckbox.prototype,"inputPlacement",2);t([r.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsCheckbox.prototype,"checked",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"required",2);t([r.property({type:Boolean,converter:c.booleanConverter,attribute:"disabled"})],exports.DsCheckbox.prototype,"_disabled",2);t([r.property({type:String,reflect:!0})],exports.DsCheckbox.prototype,"mode",2);t([r.property({type:String,attribute:"size"})],exports.DsCheckbox.prototype,"_size",2);t([r.property({type:String,attribute:"helper-text"})],exports.DsCheckbox.prototype,"helperText",2);t([r.property({type:String,attribute:"info-text"})],exports.DsCheckbox.prototype,"infoText",2);t([r.property({type:String,attribute:"forced-error"})],exports.DsCheckbox.prototype,"_forcedError",2);t([r.property({type:String,attribute:"invalid-error"})],exports.DsCheckbox.prototype,"invalidError",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"indeterminate",2);t([d.state()],exports.DsCheckbox.prototype,"disabledGroup",2);t([d.state()],exports.DsCheckbox.prototype,"errorGroup",2);t([d.state()],exports.DsCheckbox.prototype,"sizeGroup",2);exports.DsCheckbox=t([b.customUiKitElement("ds-checkbox")],exports.DsCheckbox);
package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../core/theme.constants.cjs"),p=require("../../decorators/customUiKitElement.cjs"),f=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),y=require("../../utils/PubSub.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),v=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),$=require("../../styles/source/shared/fonts-config.cjs"),T=require("./themeContext.cjs");var b=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(a,e,s,o)=>{for(var t=o>1?void 0:o?P(e,s):e,r=a.length-1,n;r>=0;r--)(n=a[r])&&(t=(o?n(e,s,t):n(t))||t);return o&&t&&b(e,s,t),t};exports.DsThemeProvider=class extends v.LitElement{constructor(){super(...arguments),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has("theme")&&(y.pubSub.publish("theme",this.theme),sessionStorage==null||sessionStorage.setItem(c.THEME_STORAGE_KEY,this.theme),typeof FontFace<"u"&&(document!=null&&document.fonts)&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent("ui-kit:ready",{bubbles:!0,composed:!0}))}))}loadThemeFonts(){var e;(e=$.fontsConfig[this.theme])==null||e.fonts.forEach(s=>{this.loadThemeFont(s)})}async loadThemeFont({weight:e,name:s,file:o}){if(!this.loadFonts)return Promise.resolve();const t=`${s}-${e}`;if(this.loadedFonts.has(t))return;const r=new FontFace(s,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff2') format('woff2'),
2
2
  url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff') format('woff'),
3
3
  url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.ttf') format('truetype'),
4
- url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await r.load(),document.fonts.add(r),this.loadedFonts.add(t)}catch(n){console.error(`Error loading "${s}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,s)=>{const o="/2.0.0-canary.85",t=`https://ds-assets.cupra.com${o}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${t}"]`))e();else{const r=`ui-kit-theme-${o}`,n=document.getElementById(r),i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=t,i.onload=()=>e(),i.onerror=()=>s(new Error(`Failed to load theme CSS: ${t}`)),document.head.appendChild(i),n==null||n.remove()}}):Promise.resolve()}render(){return this.cssLoaded?l.html`<slot></slot>`:l.nothing}};d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-fonts"})],exports.DsThemeProvider.prototype,"loadFonts",2);d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-styles"})],exports.DsThemeProvider.prototype,"loadStyles",2);d([f.provide({context:T.themeContext}),h.property({type:String})],exports.DsThemeProvider.prototype,"theme",2);d([u.state()],exports.DsThemeProvider.prototype,"cssLoaded",2);d([u.state()],exports.DsThemeProvider.prototype,"loadedFonts",2);exports.DsThemeProvider=d([p.customUiKitElement("ds-theme-provider")],exports.DsThemeProvider);
4
+ url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await r.load(),document.fonts.add(r),this.loadedFonts.add(t)}catch(n){console.error(`Error loading "${s}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,s)=>{const o="/2.0.0-canary.86",t=`https://ds-assets.cupra.com${o}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${t}"]`))e();else{const r=`ui-kit-theme-${o}`,n=document.getElementById(r),i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=t,i.onload=()=>e(),i.onerror=()=>s(new Error(`Failed to load theme CSS: ${t}`)),document.head.appendChild(i),n==null||n.remove()}}):Promise.resolve()}render(){return this.cssLoaded?l.html`<slot></slot>`:l.nothing}};d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-fonts"})],exports.DsThemeProvider.prototype,"loadFonts",2);d([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-styles"})],exports.DsThemeProvider.prototype,"loadStyles",2);d([f.provide({context:T.themeContext}),h.property({type:String})],exports.DsThemeProvider.prototype,"theme",2);d([u.state()],exports.DsThemeProvider.prototype,"cssLoaded",2);d([u.state()],exports.DsThemeProvider.prototype,"loadedFonts",2);exports.DsThemeProvider=d([p.customUiKitElement("ds-theme-provider")],exports.DsThemeProvider);
package/dist-react/cjs/utils/IconsManager.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../core/theme.constants.cjs"),l=require("./PubSub.cjs");class u{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;const n=Object.keys(this.icons);this.icons={},n.forEach(s=>this.fetchIcon(s))},this.fetchIcon=async(e,n={})=>{const s=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(r.THEME_STORAGE_KEY):null;!this.theme&&s&&(this.theme=s);const t=this.icons[e];if(t)return await t;const i=this.loadIcon(e,n).catch(a=>{throw delete this.icons[e],a});return this.icons[e]=i,i},this.loadIcon=(e,{cache:n="force-cache",...s})=>!this.theme||typeof fetch>"u"?Promise.resolve('<svg class="ds-icon"></svg>'):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:n,...s}).then(t=>t.text()).catch(t=>{if((t==null?void 0:t.name)==="AbortError")throw t;return console.error(`Failed to fetch icon "${e}":`,t),""}),l.pubSub.subscribe("theme",this.handleChangeTheme)}}const o=Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.85"),h=globalThis;let c=h[o];c||(c=new u,Object.defineProperty(h,o,{value:c,writable:!1,configurable:!1,enumerable:!1}));const f=c;exports.iconsManager=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../core/theme.constants.cjs"),l=require("./PubSub.cjs");class u{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;const n=Object.keys(this.icons);this.icons={},n.forEach(s=>this.fetchIcon(s))},this.fetchIcon=async(e,n={})=>{const s=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(r.THEME_STORAGE_KEY):null;!this.theme&&s&&(this.theme=s);const t=this.icons[e];if(t)return await t;const i=this.loadIcon(e,n).catch(a=>{throw delete this.icons[e],a});return this.icons[e]=i,i},this.loadIcon=(e,{cache:n="force-cache",...s})=>!this.theme||typeof fetch>"u"?Promise.resolve('<svg class="ds-icon"></svg>'):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:n,...s}).then(t=>t.text()).catch(t=>{if((t==null?void 0:t.name)==="AbortError")throw t;return console.error(`Failed to fetch icon "${e}":`,t),""}),l.pubSub.subscribe("theme",this.handleChangeTheme)}}const o=Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.86"),h=globalThis;let c=h[o];c||(c=new u,Object.defineProperty(h,o,{value:c,writable:!1,configurable:!1,enumerable:!1}));const f=c;exports.iconsManager=f;
package/dist-react/cjs/utils/PubSub.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class u{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(s,r){return this.subscribers[s]||(this.subscribers[s]=[]),this.subscribers[s].push(r),this.lastPublishedData[s]}unsubscribe(s,r){this.subscribers[s]&&(this.subscribers[s]=this.subscribers[s].filter(i=>i!==r))}publish(s,r){this.lastPublishedData[s]=r,this.subscribers[s]&&this.subscribers[s].forEach(i=>{try{i(r)}catch(c){console.error(`Error in subscriber for event "${s}":`,c)}})}}const t=Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.85"),e=globalThis;let b=e[t];b||(b=new u,Object.defineProperty(e,t,{value:b,writable:!1,configurable:!1,enumerable:!1}));const l=b;exports.PubSub=u;exports.pubSub=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class u{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(s,r){return this.subscribers[s]||(this.subscribers[s]=[]),this.subscribers[s].push(r),this.lastPublishedData[s]}unsubscribe(s,r){this.subscribers[s]&&(this.subscribers[s]=this.subscribers[s].filter(i=>i!==r))}publish(s,r){this.lastPublishedData[s]=r,this.subscribers[s]&&this.subscribers[s].forEach(i=>{try{i(r)}catch(c){console.error(`Error in subscriber for event "${s}":`,c)}})}}const t=Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.86"),e=globalThis;let b=e[t];b||(b=new u,Object.defineProperty(e,t,{value:b,writable:!1,configurable:!1,enumerable:!1}));const l=b;exports.PubSub=u;exports.pubSub=l;
package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../concurrencyLimit.cjs"),a=o.concurrencyLimit(20);class s{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:e,theme:t})=>{if(!t||!e)return;const c=`https://ds-assets.cupra.com/2.0.0-canary.85/styles/${t}/components/${e}.css`,r=this.getCachedStyleSheetPromise({url:c});if(r)return r;const i=a(()=>this.fetchStyle({url:c})).then(n=>(n||this.stylePromises.delete(c),n));return this.stylePromises.set(c,i),this.stylePromises.get(c)}}async fetchStyle({url:e}){try{if(typeof fetch>"u")return;const t=await fetch(e,{cache:"force-cache"});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return s.instance||(s.instance=new s),s.instance}}const h=s.getInstance();exports.stylesRegistry=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../concurrencyLimit.cjs"),a=o.concurrencyLimit(20);class s{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:e,theme:t})=>{if(!t||!e)return;const c=`https://ds-assets.cupra.com/2.0.0-canary.86/styles/${t}/components/${e}.css`,r=this.getCachedStyleSheetPromise({url:c});if(r)return r;const i=a(()=>this.fetchStyle({url:c})).then(n=>(n||this.stylePromises.delete(c),n));return this.stylePromises.set(c,i),this.stylePromises.get(c)}}async fetchStyle({url:e}){try{if(typeof fetch>"u")return;const t=await fetch(e,{cache:"force-cache"});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return s.instance||(s.instance=new s),s.instance}}const h=s.getInstance();exports.stylesRegistry=h;
package/dist-react/cjs/utils/cssWithTokens.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-85"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-86"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;
package/dist-react/cjs/utils/htmlWithTokens.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-85"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-86"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;
package/dist-react/esm/components/ds-checkbox/ds-checkbox.js CHANGED
@@ -11,13 +11,13 @@ import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-
11
11
  import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
12
12
  import { state as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
13
13
  import { classMap as E } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
14
- import { commonStyles as $ } from "./styles/common.styles.js";
15
- var C = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, t = (r, o, n, p) => {
16
- for (var s = p > 1 ? void 0 : p ? _(o, n) : o, l = r.length - 1, d; l >= 0; l--)
17
- (d = r[l]) && (s = (p ? d(o, n, s) : d(s)) || s);
18
- return p && s && C(o, n, s), s;
14
+ import { commonStyles as _ } from "./styles/common.styles.js";
15
+ var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, r = (e, o, n, p) => {
16
+ for (var s = p > 1 ? void 0 : p ? C(o, n) : o, l = e.length - 1, d; l >= 0; l--)
17
+ (d = e[l]) && (s = (p ? d(o, n, s) : d(s)) || s);
18
+ return p && s && $(o, n, s), s;
19
19
  };
20
- let e = class extends k(u) {
20
+ let t = class extends k(u) {
21
21
  constructor() {
22
22
  super(...arguments), this.inputPlacement = "left", this.checked = !1, this.required = !1, this._disabled = !1, this.mode = "light", this._size = "medium", this.helperText = "", this.infoText = "", this._forcedError = "", this.invalidError = "", this.indeterminate = !1;
23
23
  }
@@ -26,28 +26,28 @@ let e = class extends k(u) {
26
26
  this.createContextConsumers([
27
27
  {
28
28
  context: b,
29
- callback: (r) => {
30
- this.disabledGroup = r;
29
+ callback: (e) => {
30
+ this.disabledGroup = e;
31
31
  }
32
32
  },
33
33
  {
34
34
  context: f,
35
- callback: (r) => {
36
- this.errorGroup = r;
35
+ callback: (e) => {
36
+ this.errorGroup = e;
37
37
  }
38
38
  },
39
39
  {
40
40
  context: v,
41
- callback: (r) => {
42
- this.sizeGroup = r;
41
+ callback: (e) => {
42
+ this.sizeGroup = e;
43
43
  }
44
44
  }
45
45
  ]);
46
46
  });
47
47
  }
48
48
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
49
- createContextConsumers(r) {
50
- r.forEach(({ context: o, callback: n }) => {
49
+ createContextConsumers(e) {
50
+ e.forEach(({ context: o, callback: n }) => {
51
51
  new x(this, {
52
52
  context: o,
53
53
  callback: n,
@@ -58,17 +58,26 @@ let e = class extends k(u) {
58
58
  get disabled() {
59
59
  return this.disabledGroup ?? this._disabled;
60
60
  }
61
+ set disabled(e) {
62
+ this._disabled = e;
63
+ }
61
64
  get size() {
62
65
  return this.sizeGroup || this._size;
63
66
  }
67
+ set size(e) {
68
+ this._size = e;
69
+ }
64
70
  get forcedError() {
65
71
  return this._forcedError;
66
72
  }
73
+ set forcedError(e) {
74
+ this._forcedError = e;
75
+ }
67
76
  get error() {
68
77
  return this.errorGroup ?? !!this._forcedError;
69
78
  }
70
- handleChange(r) {
71
- const o = r.target;
79
+ handleChange(e) {
80
+ const o = e.target;
72
81
  this.checked = o.checked, this.dispatchEvent(
73
82
  new CustomEvent("change", {
74
83
  bubbles: !0,
@@ -93,10 +102,10 @@ let e = class extends k(u) {
93
102
  }
94
103
  get iconTemplate() {
95
104
  if (!this.checked) return c;
96
- const r = this.indeterminate ? "minus" : "check";
105
+ const e = this.indeterminate ? "minus" : "check";
97
106
  return this.componentFactory.createIcon({
98
107
  class: "icon",
99
- "icon-name": r
108
+ "icon-name": e
100
109
  });
101
110
  }
102
111
  get styleTokens() {
@@ -143,58 +152,58 @@ let e = class extends k(u) {
143
152
  `;
144
153
  }
145
154
  };
146
- e.styles = [$];
147
- t([
155
+ t.styles = [_];
156
+ r([
148
157
  i({ type: String })
149
- ], e.prototype, "name", 2);
150
- t([
158
+ ], t.prototype, "name", 2);
159
+ r([
151
160
  i({ type: String })
152
- ], e.prototype, "value", 2);
153
- t([
161
+ ], t.prototype, "value", 2);
162
+ r([
154
163
  i({ type: String, attribute: "input-placement" })
155
- ], e.prototype, "inputPlacement", 2);
156
- t([
164
+ ], t.prototype, "inputPlacement", 2);
165
+ r([
157
166
  i({ type: Boolean, converter: h, reflect: !0 })
158
- ], e.prototype, "checked", 2);
159
- t([
167
+ ], t.prototype, "checked", 2);
168
+ r([
160
169
  i({ type: Boolean, converter: h })
161
- ], e.prototype, "required", 2);
162
- t([
170
+ ], t.prototype, "required", 2);
171
+ r([
163
172
  i({ type: Boolean, converter: h, attribute: "disabled" })
164
- ], e.prototype, "_disabled", 2);
165
- t([
173
+ ], t.prototype, "_disabled", 2);
174
+ r([
166
175
  i({ type: String, reflect: !0 })
167
- ], e.prototype, "mode", 2);
168
- t([
176
+ ], t.prototype, "mode", 2);
177
+ r([
169
178
  i({ type: String, attribute: "size" })
170
- ], e.prototype, "_size", 2);
171
- t([
179
+ ], t.prototype, "_size", 2);
180
+ r([
172
181
  i({ type: String, attribute: "helper-text" })
173
- ], e.prototype, "helperText", 2);
174
- t([
182
+ ], t.prototype, "helperText", 2);
183
+ r([
175
184
  i({ type: String, attribute: "info-text" })
176
- ], e.prototype, "infoText", 2);
177
- t([
185
+ ], t.prototype, "infoText", 2);
186
+ r([
178
187
  i({ type: String, attribute: "forced-error" })
179
- ], e.prototype, "_forcedError", 2);
180
- t([
188
+ ], t.prototype, "_forcedError", 2);
189
+ r([
181
190
  i({ type: String, attribute: "invalid-error" })
182
- ], e.prototype, "invalidError", 2);
183
- t([
191
+ ], t.prototype, "invalidError", 2);
192
+ r([
184
193
  i({ type: Boolean, converter: h })
185
- ], e.prototype, "indeterminate", 2);
186
- t([
194
+ ], t.prototype, "indeterminate", 2);
195
+ r([
187
196
  m()
188
- ], e.prototype, "disabledGroup", 2);
189
- t([
197
+ ], t.prototype, "disabledGroup", 2);
198
+ r([
190
199
  m()
191
- ], e.prototype, "errorGroup", 2);
192
- t([
200
+ ], t.prototype, "errorGroup", 2);
201
+ r([
193
202
  m()
194
- ], e.prototype, "sizeGroup", 2);
195
- e = t([
203
+ ], t.prototype, "sizeGroup", 2);
204
+ t = r([
196
205
  y("ds-checkbox")
197
- ], e);
206
+ ], t);
198
207
  export {
199
- e as DsCheckbox
208
+ t as DsCheckbox
200
209
  };
package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js CHANGED
@@ -54,7 +54,7 @@ let m = class extends v {
54
54
  }
55
55
  loadThemeStyles() {
56
56
  return this.loadStyles ? new Promise((t, o) => {
57
- const s = "/2.0.0-canary.85", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
57
+ const s = "/2.0.0-canary.86", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
58
58
  if (document.head.querySelector(`link[href="${r}"]`)) t();
59
59
  else {
60
60
  const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
package/dist-react/esm/utils/IconsManager.js CHANGED
@@ -25,7 +25,7 @@ class l {
25
25
  }), f.subscribe("theme", this.handleChangeTheme);
26
26
  }
27
27
  }
28
- const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.85"), h = globalThis;
28
+ const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.86"), h = globalThis;
29
29
  let i = h[c];
30
30
  i || (i = new l(), Object.defineProperty(h, c, {
31
31
  value: i,
package/dist-react/esm/utils/PubSub.js CHANGED
@@ -18,7 +18,7 @@ class e {
18
18
  });
19
19
  }
20
20
  }
21
- const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.85"), t = globalThis;
21
+ const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.86"), t = globalThis;
22
22
  let b = t[u];
23
23
  b || (b = new e(), Object.defineProperty(t, u, {
24
24
  value: b,
package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js CHANGED
@@ -7,7 +7,7 @@ class s {
7
7
  theme: t
8
8
  }) => {
9
9
  if (!t || !e) return;
10
- const c = `https://ds-assets.cupra.com/2.0.0-canary.85/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
10
+ const c = `https://ds-assets.cupra.com/2.0.0-canary.86/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
11
11
  if (r) return r;
12
12
  const i = h(() => this.fetchStyle({ url: c })).then((n) => (n || this.stylePromises.delete(c), n));
13
13
  return this.stylePromises.set(c, i), this.stylePromises.get(c);
package/dist-react/esm/utils/cssWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
5
5
  function x(t, ...r) {
6
- const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-85"), i = n(e);
6
+ const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-86"), i = n(e);
7
7
  return o`${i}`;
8
8
  }
9
9
  export {
package/dist-react/esm/utils/htmlWithTokens.js CHANGED
@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
3
3
  import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
4
4
  import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
5
5
  function x(t, ...r) {
6
- const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-85"), e = i(o);
6
+ const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-86"), e = i(o);
7
7
  return n`${e}`;
8
8
  }
9
9
  export {
package/dist-react/types/components/ds-checkbox/ds-checkbox.d.ts CHANGED
@@ -26,8 +26,11 @@ export declare class DsCheckbox extends DsCheckbox_base {
26
26
  callback: any;
27
27
  }>): void;
28
28
  get disabled(): boolean;
29
+ set disabled(value: boolean);
29
30
  get size(): DsCheckboxAttrs['size'];
31
+ set size(value: DsCheckboxAttrs['size']);
30
32
  protected get forcedError(): DsCheckboxAttrs['forced-error'];
33
+ protected set forcedError(value: DsCheckboxAttrs['forced-error']);
31
34
  protected get error(): boolean;
32
35
  private handleChange;
33
36
  protected get classes(): {
package/dist-react/types/components/ds-theme-provider/themeContext.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type Theme = 'cupra' | 'cupra-diagonal' | 'seat';
1
+ export type Theme = 'cupra' | 'cupra-diagonal' | 'seat' | 'seat-legacy';
2
2
  export declare const themeContext: {
3
3
  __context__: Theme;
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-kit",
3
- "version": "2.0.0-canary.85",
3
+ "version": "2.0.0-canary.86",
4
4
  "description": "Web components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",