@rededor/cura 1.5.0 → 1.6.0-alpha.0

package/dist/cjs/static-4e83652c.js

@@ -0,0 +1,76 @@
+'use strict';
+
+/**
+ * Static
+ */
+const Static = {
+    /* Colors */
+    color: {
+        success: {
+            '100': '223,246,233',
+            '300': '148,225,181',
+            '500': '95,210,144',
+            '700': '49,115,77',
+            '900': '19,42,29',
+        },
+        info: {
+            '100': '207,226,255',
+            '300': '149,191,255',
+            '500': '110,168,255',
+            '700': '66,100,153',
+            '900': '37,56,85',
+        },
+        error: {
+            '100': '251,221,221',
+            '300': '242,143,143',
+            '500': '235,87,87',
+            '700': '157,58,58',
+            '900': '47,17,17',
+        },
+        warning: {
+            '100': '252,250,196',
+            '300': '248,244,137',
+            '500': '245,239,78',
+            '700': '108,106,32',
+            '900': '49,48,16',
+        },
+        neutral: {
+            '0': '255,255,255',
+            '100': '246,246,246',
+            '200': '233,233,233',
+            '300': '226,226,226',
+            '400': '212,212,212',
+            '500': '183,183,183',
+            '600': '146,146,146',
+            '700': '110,110,110',
+            '800': '74,74,74',
+            '900': '38,38,38',
+        },
+    },
+    breakpoints: {
+        xsmall: {
+            min: 0,
+            max: 480
+        },
+        small: {
+            min: 481,
+            max: 768
+        },
+        medium: {
+            min: 769,
+            max: 992
+        },
+        large: {
+            min: 993,
+            max: 1920
+        },
+        xlarge: {
+            min: 1921,
+            max: 4096
+        }
+    }
+};
+
+exports.Static = Static;
+
+//# sourceMappingURL=static-4e83652c.js.map

package/dist/cjs/static-4e83652c.js.map

@@ -0,0 +1 @@
+{"file":"static-4e83652c.js","mappings":";;AAAA;;;MAGa,MAAM,GAAG;;IAEpB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,UAAU;SAClB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,aAAa;YAClB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;IACD,WAAW,EAAE;QACX,MAAM,EAAE;YACN,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;QACD,KAAK,EAAE;YACL,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,GAAG;SACT;QACD,MAAM,EAAE;YACN,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,GAAG;SACT;QACD,KAAK,EAAE;YACL,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,IAAI;SACV;QACD,MAAM,EAAE;YACN,GAAG,EAAE,IAAI;YACT,GAAG,EAAE,IAAI;SACV;KACF;;;;;","names":[],"sources":["src/api/theme-presets/static.ts"],"sourcesContent":["/**\n * Static\n */\nexport const Static = {\n  /* Colors */\n  color: {\n    success: {\n      '100': '223,246,233',\n      '300': '148,225,181',\n      '500': '95,210,144',\n      '700': '49,115,77',\n      '900': '19,42,29',\n    },\n    info: {\n      '100': '207,226,255',\n      '300': '149,191,255',\n      '500': '110,168,255',\n      '700': '66,100,153',\n      '900': '37,56,85',\n    },\n    error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '235,87,87',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    },\n    warning: {\n      '100': '252,250,196',\n      '300': '248,244,137',\n      '500': '245,239,78',\n      '700': '108,106,32',\n      '900': '49,48,16',\n    },\n    neutral: {\n      '0': '255,255,255',\n      '100': '246,246,246',\n      '200': '233,233,233',\n      '300': '226,226,226',\n      '400': '212,212,212',\n      '500': '183,183,183',\n      '600': '146,146,146',\n      '700': '110,110,110',\n      '800': '74,74,74',\n      '900': '38,38,38',\n    },\n  },\n  breakpoints: {\n    xsmall: {\n      min: 0,\n      max: 480\n    },\n    small: {\n      min: 481,\n      max: 768\n    },\n    medium: {\n      min: 769,\n      max: 992\n    },\n    large: {\n      min: 993,\n      max: 1920\n    },\n    xlarge: {\n      min: 1921,\n      max: 4096\n    }\n  }\n};\n"],"version":3}

package/dist/collection/api/cura-api.js

@@ -22,6 +22,7 @@ export default class CuraAPI {
                 get: function (size, position) { return themeModule.breakpoints.get(size, position); }
             }
         };
+        this._addGlobalClasses();
         if (config && config.customTheme) {
             this.theme.setCustom(config.customTheme);
         }
@@ -30,5 +31,23 @@ export default class CuraAPI {
             this.theme.load(theme);
         }
     }
+    _addGlobalClasses() {
+        const styleId = "cura_global_classes";
+        let styleElement = document.head.querySelector(`#${styleId}`);
+        if (!styleElement) {
+            styleElement = document.createElement("style");
+            styleElement.id = styleId;
+            styleElement.textContent = `
+  .cura-body-scroll-lock {
+    overflow: hidden;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+      `;
+            document.head.appendChild(styleElement);
+        }
+    }
 }
 //# sourceMappingURL=cura-api.js.map

package/dist/collection/api/cura-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-api.js","sourceRoot":"","sources":["../../src/api/cura-api.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,OAAO;IAK1B,YAAa,MAAmB;QAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7F,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,UAAS,QAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChE,SAAS,EAAE,UAAS,sBAAuC,IAAI,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAC/G,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAS,cAAuB,EAAE,OAAgB,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA,CAAC,CAAC;aAC9H;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,UAAS,IAAa,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;gBAC/E,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA,CAAC,CAAC;gBAChE,OAAO,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC;gBAC1D,QAAQ,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC;aAC7D;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;aACpE;YACD,WAAW,EAAE;gBACX,GAAG,EAAE,UAAS,IAAyD,EAAE,QAAwB,IAAI,OAAO,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;aAC3J;SACH,CAAC;QACD,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;CAEF","sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n"]}
+{"version":3,"file":"cura-api.js","sourceRoot":"","sources":["../../src/api/cura-api.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,OAAO;IAK1B,YAAa,MAAmB;QAC9B,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7F,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,UAAS,QAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChE,SAAS,EAAE,UAAS,sBAAuC,IAAI,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;YAC/G,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAS,cAAuB,EAAE,OAAgB,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA,CAAC,CAAC;aAC9H;YACD,KAAK,EAAE;gBACL,SAAS,EAAE,UAAS,IAAa,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;gBAC/E,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA,CAAC,CAAC;gBAChE,OAAO,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA,CAAC,CAAC;gBAC1D,QAAQ,EAAE,cAAa,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA,CAAC,CAAC;aAC7D;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,cAAa,OAAO,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;aACpE;YACD,WAAW,EAAE;gBACX,GAAG,EAAE,UAAS,IAAyD,EAAE,QAAwB,IAAI,OAAO,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;aAC3J;SACF,CAAC;QACF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,OAAO,GAAG,qBAAqB,CAAC;QACtC,IAAI,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC/C,YAAY,CAAC,EAAE,GAAG,OAAO,CAAC;YAC1B,YAAY,CAAC,WAAW,GAAG;;;;;;;;OAQ1B,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;CAEF","sourcesContent":["import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n    };\n    this._addGlobalClasses();\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n  _addGlobalClasses() {\n    const styleId = \"cura_global_classes\";\n    let styleElement = document.head.querySelector(`#${styleId}`);\n    if (!styleElement) {\n      styleElement = document.createElement(\"style\");\n      styleElement.id = styleId;\n      styleElement.textContent = `\n  .cura-body-scroll-lock {\n    overflow: hidden;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n      `;\n      document.head.appendChild(styleElement);\n    }\n  }\n\n}\n"]}

package/dist/collection/api/cura-api.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-api.type.js","sourceRoot":"","sources":["../../src/api/cura-api.type.ts"],"names":[],"mappings":"AA+CC,CAAC;AAEF,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB","sourcesContent":["export interface CuraCustomThemeColorDepth {\n  base?: string,\n  depth0?: string,\n  depth20?: string,\n  depth40?: string,\n  depth80?: string,\n  depth100?: string\n}\nexport interface CuraCustomThemeColors {\n  primary?: CuraCustomThemeColorDepth,\n  secondary?: CuraCustomThemeColorDepth,\n  accent?: CuraCustomThemeColorDepth\n}\n\nexport interface CuraCustomThemeSpacing {\n  base?: string;\n}\n\nexport interface CuraCustomThemeFontFamily {\n  title?: string;\n  body?: string;\n}\nexport interface CuraCustomThemeFontSize {\n  base?: string;\n}\nexport interface CuraCustomThemeFont {\n  family?: CuraCustomThemeFontFamily;\n  size?: CuraCustomThemeFontSize;\n}\n\nexport interface CuraCustomThemeDefinitions {\n  colors?: CuraCustomThemeColors,\n  spacing?: CuraCustomThemeSpacing,\n  font?: CuraCustomThemeFont\n}\n\nexport interface CuraCustomTheme {\n  name: string;\n  definitions: CuraCustomThemeDefinitions;\n  fromPreset?: string;\n}\n\nexport interface CuraConfig {\n  localAssetsPath?: string;\n  theme?: string;\n  customTheme?: CuraCustomTheme;\n  onReady?(api? : any): any;\n};\n\nexport enum InterfaceModes {\n  LIGHT = 'light',\n  DARK = 'dark'\n}\n\nexport interface APIThemeFunctions {\n  load(themeTag: string): unknown,\n  setCustom(customThemeDefinitions: CuraCustomTheme): unknown,\n  colors: {\n    getColor(colorWithDepth?: string, opacity?: number): string,\n  },\n  fonts: {\n    getFamily(type?: string): string,\n    getWeights(): any,\n    getSize(): string,\n    getColor(): string\n  },\n  spacing: {\n    getSpacing(): string,\n  },\n  breakpoints: {\n    get(): any\n  }\n}\n\n"]}
+{"version":3,"file":"cura-api.type.js","sourceRoot":"","sources":["../../src/api/cura-api.type.ts"],"names":[],"mappings":"AA+CC,CAAC;AAEF,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB","sourcesContent":["export interface CuraCustomThemeColorDepth {\n  base?: string,\n  depth0?: string,\n  depth20?: string,\n  depth40?: string,\n  depth80?: string,\n  depth100?: string\n}\nexport interface CuraCustomThemeColors {\n  primary?: CuraCustomThemeColorDepth,\n  secondary?: CuraCustomThemeColorDepth,\n  accent?: CuraCustomThemeColorDepth\n}\n\nexport interface CuraCustomThemeSpacing {\n  base?: string;\n}\n\nexport interface CuraCustomThemeFontFamily {\n  title?: string;\n  body?: string;\n}\nexport interface CuraCustomThemeFontSize {\n  base?: string;\n}\nexport interface CuraCustomThemeFont {\n  family?: CuraCustomThemeFontFamily;\n  size?: CuraCustomThemeFontSize;\n}\n\nexport interface CuraCustomThemeDefinitions {\n  colors?: CuraCustomThemeColors,\n  spacing?: CuraCustomThemeSpacing,\n  font?: CuraCustomThemeFont\n}\n\nexport interface CuraCustomTheme {\n  name: string;\n  definitions: CuraCustomThemeDefinitions;\n  fromPreset?: string;\n}\n\nexport interface CuraConfig {\n  localAssetsPath?: string;\n  theme?: string;\n  customTheme?: CuraCustomTheme;\n  onReady?(api? : any): any;\n};\n\nexport enum InterfaceModes {\n  LIGHT = 'light',\n  DARK = 'dark'\n}\n\nexport interface APIThemeFunctions {\n  load(themeTag: string): unknown,\n  setCustom(customThemeDefinitions: CuraCustomTheme): unknown,\n  colors: {\n    getColor(colorWithDepth?: string, opacity?: number): string,\n  },\n  fonts: {\n    getFamily(type?: string): string,\n    getWeights(): any,\n    getSize(): string,\n    getColor(): string\n  },\n  spacing: {\n    getSpacing(): string,\n  },\n  breakpoints: {\n    get(size?: string, position?: string): any\n  }\n}\n\n"]}

package/dist/collection/collection-manifest.json

@@ -15,6 +15,10 @@
     "components/cura-avatar/cura-avatar.js",
     "components/cura-calendar/cura-calendar.js",
     "components/cura-card/cura-card.js",
+    "components/cura-dropdown-search-new/cura-dropdown-search-new.js",
+    "components/cura-dropdown-search-new/cura-dropdown-search-category/cura-dropdown-search-category.js",
+    "components/cura-dropdown-search-new/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js",
+    "components/cura-dropdown-search-new/cura-dropdown-search-option-new/cura-dropdown-search-option-new.js",
     "components/cura-icon/cura-icon.js",
     "components/cura-icons-view/cura-icons-view.js",
     "components/cura-modal/cura-modal.js",

package/dist/collection/components/accordion/cura-accordion/cura-accordion.js

@@ -50,7 +50,7 @@ export class CuraAccordion {
         this.host.querySelectorAll('cura-accordion-item').forEach(item => {
             this.setChildProperties(item);
         });
-        const options = { childList: true, subtree: true, attributes: true };
+        const options = { childList: true, subtree: false, attributes: false };
         this.mutationObserver.observe(this.host, options);
     }
     disconnectedCallback() {
@@ -73,7 +73,7 @@ export class CuraAccordion {
         this.styles = Object.assign(Object.assign({}, this.styles), { "--acc-color": window.CuraAPI.theme.colors.getColor("neutral-black"), "--acc-color-hover": window.CuraAPI.theme.colors.getColor(`${this.color}-base`), "--acc-color-icon": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`), "--acc-color-icon-hover": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`), "--acc-color-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`), "--acc-color-icon-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-icon-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`) });
     }
     render() {
-        return (h(Host, { key: 'a56103203dd352195eaac03957350c73a1fcfb06', style: this.styles }, h("slot", { key: '3226a757908201e1c91d6a9a195980d9020f2327', name: 'accordion-item' })));
+        return (h(Host, { key: '58c69f7911698dae68dacaeb4cd226d61e09fe17', style: this.styles }, h("slot", { key: 'd808861eb471bfd7c356fb942121d20d547abfcb', name: 'accordion-item' })));
     }
     static get is() { return "cura-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/cura-accordion/cura-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/cura-accordion/cura-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion',\n  styleUrl: 'cura-accordion.scss',\n  shadow: true,\n})\nexport class CuraAccordion {\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Color scheme base color\n   */\n  @Prop({reflect: true}) color = 'primary';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 20;\n  @Prop({reflect: true}) labelIcon = '';\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color')\n   */\n  @Prop({reflect: true}) iconColor = '';\n\n  /**\n   * Accordion behavior when item is clicked\n   * (The default will close all items except the current one)\n   */\n  @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n  /**\n   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n   * Values: 1 to 6 (3 default).\n   */\n  @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6  = 3;\n\n  mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n        if (this.behavior !== 'default') continue;\n        this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n          if (item != mutation.target) {\n            item.opened = false;\n          }\n        });\n      }\n      if (mutation.type === 'childList') {\n        const addedNodes = Array.from(mutation.addedNodes || []);\n        for(let node of addedNodes) {\n          this.setChildProperties(node as HTMLCuraAccordionItemElement);\n        }\n      }\n    }\n  }\n  mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n  @State() styles = {};\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n    this.setColors();\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n      this.setChildProperties(item);\n    });\n    const options: MutationObserverInit = {childList: true, subtree: true, attributes: true}\n    this.mutationObserver.observe(this.host, options)\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n  }\n\n  setChildProperties(item: HTMLCuraAccordionItemElement) {\n    // Theme\n    item.colorMode = this.colorMode;\n    item.iconColor = this.iconColor || this.color;\n    // Icon\n    item.iconSize = this.iconSize;\n    if (this.labelIcon) item.labelIcon = this.labelIcon; // It's possible to define a specific icon for each item.\n    item.openIcon = this.openIcon;\n    item.closeIcon = this.closeIcon;\n    // Level\n    item.level = this.level;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      \"--acc-color\": window.CuraAPI.theme.colors.getColor(\"neutral-black\"),\n      \"--acc-color-hover\": window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      \"--acc-color-icon\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n      \"--acc-color-icon-hover\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`),\n      \"--acc-color-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n      \"--acc-color-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      \"--acc-color-icon-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n      \"--acc-color-icon-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}>\n        <slot name='accordion-item'></slot>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"cura-accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/cura-accordion/cura-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion',\n  styleUrl: 'cura-accordion.scss',\n  shadow: true,\n})\nexport class CuraAccordion {\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Color scheme base color\n   */\n  @Prop({reflect: true}) color = 'primary';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 20;\n  @Prop({reflect: true}) labelIcon = '';\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color')\n   */\n  @Prop({reflect: true}) iconColor = '';\n\n  /**\n   * Accordion behavior when item is clicked\n   * (The default will close all items except the current one)\n   */\n  @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n  /**\n   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n   * Values: 1 to 6 (3 default).\n   */\n  @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6  = 3;\n\n  mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n        if (this.behavior !== 'default') continue;\n        this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n          if (item != mutation.target) {\n            item.opened = false;\n          }\n        });\n      }\n      if (mutation.type === 'childList') {\n        const addedNodes = Array.from(mutation.addedNodes || []);\n        for(let node of addedNodes) {\n          this.setChildProperties(node as HTMLCuraAccordionItemElement);\n        }\n      }\n    }\n  }\n  mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n  @State() styles = {};\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n    this.setColors();\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n      this.setChildProperties(item);\n    });\n    const options: MutationObserverInit = {childList: true, subtree: false, attributes: false}\n    this.mutationObserver.observe(this.host, options)\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n  }\n\n  setChildProperties(item: HTMLCuraAccordionItemElement) {\n    // Theme\n    item.colorMode = this.colorMode;\n    item.iconColor = this.iconColor || this.color;\n    // Icon\n    item.iconSize = this.iconSize;\n    if (this.labelIcon) item.labelIcon = this.labelIcon; // It's possible to define a specific icon for each item.\n    item.openIcon = this.openIcon;\n    item.closeIcon = this.closeIcon;\n    // Level\n    item.level = this.level;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      \"--acc-color\": window.CuraAPI.theme.colors.getColor(\"neutral-black\"),\n      \"--acc-color-hover\": window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      \"--acc-color-icon\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n      \"--acc-color-icon-hover\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`),\n      \"--acc-color-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n      \"--acc-color-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      \"--acc-color-icon-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n      \"--acc-color-icon-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}>\n        <slot name='accordion-item'></slot>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/accordion/cura-accordion-item/cura-accordion-item.css

@@ -25,8 +25,8 @@
  */
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -68,8 +68,8 @@
   flex-grow: 1;
   justify-content: space-between;
   align-items: center;
-  gap: calc(var(--base-spacing) * 3px);
-  padding: calc(var(--base-spacing) * 3px);
+  gap: calc(var(--cura-spacing-base) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px);
   word-break: break-word;
   cursor: pointer;
   font-size: 1.14em;
@@ -79,7 +79,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: calc(var(--base-spacing) * 3px);
+  gap: calc(var(--cura-spacing-base) * 3px);
 }
 :host .accordion-item .label .label-container .label-content cura-icon {
   --color: var(--acc-color) !important;
@@ -104,7 +104,7 @@
   transition: max-height 0.25s ease;
 }
 :host .accordion-item .content .content-wrapper {
-  padding: calc(var(--base-spacing) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px);
 }
 :host .accordion-item.inverted:hover:not(.active)::after {
   content: "";

package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.css

@@ -1,7 +1,7 @@
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -19,20 +19,20 @@
 :host {
   width: fit-content;
   display: inline-block;
-  height: calc(var(--base-spacing) * 4px);
+  height: calc(var(--cura-spacing-base) * 4px);
   position: relative;
 }
 :host .container {
   display: flex;
-  min-width: calc(var(--base-spacing) * 4px);
+  min-width: calc(var(--cura-spacing-base) * 4px);
   width: fit-content;
-  height: calc(var(--base-spacing) * 4px);
+  height: calc(var(--cura-spacing-base) * 4px);
   justify-content: center;
   align-items: center;
-  border-radius: calc(calc(var(--base-spacing) * 4px) / 2);
+  border-radius: calc(calc(var(--cura-spacing-base) * 4px) / 2);
   background: var(--background-color);
   box-sizing: border-box;
-  padding: 0 calc(var(--base-spacing) * 1px);
+  padding: 0 calc(var(--cura-spacing-base) * 1px);
   position: relative;
 }
 :host .container.outline, :host .container.transparent {
@@ -47,5 +47,5 @@
   top: 0px;
   box-sizing: border-box;
   border: 1px solid var(--background-color);
-  border-radius: calc(calc(var(--base-spacing) * 4px) / 2);
+  border-radius: calc(calc(var(--cura-spacing-base) * 4px) / 2);
 }

package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.css

@@ -1,7 +1,7 @@
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -21,8 +21,8 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  width: calc(var(--base-spacing) * 10px);
-  height: calc(var(--base-spacing) * 10px);
-  border-radius: calc(var(--base-spacing) * 1px);
+  width: calc(var(--cura-spacing-base) * 10px);
+  height: calc(var(--cura-spacing-base) * 10px);
+  border-radius: calc(var(--cura-spacing-base) * 1px);
   background: var(--neutral-pale);
 }

package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.css

@@ -1,7 +1,7 @@
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -23,8 +23,8 @@
   height: fit-content;
 }
 :host .container {
-  width: calc(var(--base-spacing) * 2px);
-  height: calc(var(--base-spacing) * 2px);
+  width: calc(var(--cura-spacing-base) * 2px);
+  height: calc(var(--cura-spacing-base) * 2px);
   position: relative;
   box-sizing: border-box;
 }

package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.css

@@ -1,7 +1,7 @@
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -20,16 +20,16 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: calc(var(--base-spacing) * 1px);
-  padding: calc(var(--base-spacing) * 1px);
+  gap: calc(var(--cura-spacing-base) * 1px);
+  padding: calc(var(--cura-spacing-base) * 1px);
   border-radius: var(--border-radius);
   font-family: var(--font-family);
   font-size: var(--font-size);
   position: relative;
   box-sizing: border-box;
   width: fit-content;
-  height: calc(var(--base-spacing) * 5px);
-  min-width: calc(var(--base-spacing) * 5px);
+  height: calc(var(--cura-spacing-base) * 5px);
+  min-width: calc(var(--cura-spacing-base) * 5px);
   background-color: var(--color-background);
 }
 .badge-container::before {

package/dist/collection/components/buttons/cura-button/cura-button.css

@@ -12,8 +12,8 @@
  */
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -154,18 +154,18 @@
 }
 :host button.large,
 :host a.large {
-  padding: calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);
-  min-height: calc(var(--base-spacing) * 11px);
+  padding: calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);
+  min-height: calc(var(--cura-spacing-base) * 11px);
 }
 :host button.medium,
 :host a.medium {
-  padding: calc(var(--base-spacing) * 3px);
-  min-height: calc(var(--base-spacing) * 10px);
+  padding: calc(var(--cura-spacing-base) * 3px);
+  min-height: calc(var(--cura-spacing-base) * 10px);
 }
 :host button.small,
 :host a.small {
-  padding: calc(var(--base-spacing) * 2px);
-  min-height: calc(var(--base-spacing) * 8px);
+  padding: calc(var(--cura-spacing-base) * 2px);
+  min-height: calc(var(--cura-spacing-base) * 8px);
 }
 :host button .button-container,
 :host a .button-container {
@@ -190,21 +190,21 @@
 }
 :host button.icon-left cura-icon,
 :host a.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 3px);
+  margin-right: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-right cura-icon,
 :host a.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 3px);
+  margin-left: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.medium.icon-left cura-icon, :host button.small.icon-left cura-icon,
 :host a.medium.icon-left cura-icon,
 :host a.small.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 2px);
+  margin-right: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.medium.icon-right cura-icon, :host button.small.icon-right cura-icon,
 :host a.medium.icon-right cura-icon,
 :host a.small.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 2px);
+  margin-left: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.disabled,
 :host a.disabled {
@@ -213,7 +213,7 @@
 }
 :host button.icon-only,
 :host a.icon-only {
-  padding: calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-only cura-label,
 :host a.icon-only cura-label {
@@ -226,11 +226,11 @@
 }
 :host button.icon-only.medium,
 :host a.icon-only.medium {
-  padding: calc(var(--base-spacing) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-only.small,
 :host a.icon-only.small {
-  padding: calc(var(--base-spacing) * 2px);
+  padding: calc(var(--cura-spacing-base) * 2px);
 }
 :host button cura-loader-circle,
 :host a cura-loader-circle {

package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.css

@@ -12,8 +12,8 @@
  */
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -117,16 +117,16 @@
   background-color: var(--color-light-color-darker);
 }
 :host button.large, :host a.large {
-  padding: calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);
-  min-height: calc(var(--base-spacing) * 11px);
+  padding: calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);
+  min-height: calc(var(--cura-spacing-base) * 11px);
 }
 :host button.medium, :host a.medium {
-  padding: calc(var(--base-spacing) * 3px);
-  min-height: calc(var(--base-spacing) * 10px);
+  padding: calc(var(--cura-spacing-base) * 3px);
+  min-height: calc(var(--cura-spacing-base) * 10px);
 }
 :host button.small, :host a.small {
-  padding: calc(var(--base-spacing) * 2px);
-  min-height: calc(var(--base-spacing) * 8px);
+  padding: calc(var(--cura-spacing-base) * 2px);
+  min-height: calc(var(--cura-spacing-base) * 8px);
 }
 :host button .button-container, :host a .button-container {
   display: flex;
@@ -146,16 +146,16 @@
   text-align: var(--text-align, "left");
 }
 :host button.icon-left cura-icon, :host a.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 3px);
+  margin-right: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-right cura-icon, :host a.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 3px);
+  margin-left: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.medium.icon-left cura-icon, :host button.small.icon-left cura-icon, :host a.medium.icon-left cura-icon, :host a.small.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 2px);
+  margin-right: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.medium.icon-right cura-icon, :host button.small.icon-right cura-icon, :host a.medium.icon-right cura-icon, :host a.small.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 2px);
+  margin-left: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.disabled, :host a.disabled {
   cursor: not-allowed;
@@ -164,7 +164,7 @@
   border-color: var(--neutral-dark);
 }
 :host button.icon-only, :host a.icon-only {
-  padding: calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-only cura-label, :host a.icon-only cura-label {
   display: none;
@@ -174,10 +174,10 @@
   margin-right: 0 !important;
 }
 :host button.icon-only.medium, :host a.icon-only.medium {
-  padding: calc(var(--base-spacing) * 3px);
+  padding: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-only.small, :host a.icon-only.small {
-  padding: calc(var(--base-spacing) * 2px);
+  padding: calc(var(--cura-spacing-base) * 2px);
 }
 :host button cura-loader-circle, :host a cura-loader-circle {
   position: absolute;

package/dist/collection/components/buttons/cura-button-select/cura-button-select.css

@@ -12,8 +12,8 @@
  */
 /**
  * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
+ * Required CSS Properties from Cura:
+ * --cura-spacing-base
  */
 /* None: 0px */
 /* Tiny default: 4px */
@@ -124,18 +124,18 @@
 }
 :host button.large,
 :host a.large {
-  padding: calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);
-  min-height: calc(var(--base-spacing) * 11px);
+  padding: calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);
+  min-height: calc(var(--cura-spacing-base) * 11px);
 }
 :host button.medium,
 :host a.medium {
-  padding: calc(var(--base-spacing) * 3px);
-  min-height: calc(var(--base-spacing) * 10px);
+  padding: calc(var(--cura-spacing-base) * 3px);
+  min-height: calc(var(--cura-spacing-base) * 10px);
 }
 :host button.small,
 :host a.small {
-  padding: calc(var(--base-spacing) * 2px);
-  min-height: calc(var(--base-spacing) * 8px);
+  padding: calc(var(--cura-spacing-base) * 2px);
+  min-height: calc(var(--cura-spacing-base) * 8px);
 }
 :host button cura-label,
 :host a cura-label {
@@ -165,21 +165,21 @@
 }
 :host button.icon-left cura-icon,
 :host a.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 3px);
+  margin-right: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.icon-right cura-icon,
 :host a.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 3px);
+  margin-left: calc(var(--cura-spacing-base) * 3px);
 }
 :host button.medium.icon-left cura-icon, :host button.small.icon-left cura-icon,
 :host a.medium.icon-left cura-icon,
 :host a.small.icon-left cura-icon {
-  margin-right: calc(var(--base-spacing) * 2px);
+  margin-right: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.medium.icon-right cura-icon, :host button.small.icon-right cura-icon,
 :host a.medium.icon-right cura-icon,
 :host a.small.icon-right cura-icon {
-  margin-left: calc(var(--base-spacing) * 2px);
+  margin-left: calc(var(--cura-spacing-base) * 2px);
 }
 :host button.selected,
 :host a.selected {