udp-stencil-component-library 26.7.0-beta.1 → 26.7.0-beta.2

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 (7) hide show
  1. package/dist/cjs/udp-vertical-timeline-dot.cjs.entry.js +1 -1
  2. package/dist/collection/components/vertical-timeline/udp-vertical-timeline-dot.css +6 -2
  3. package/dist/components/udp-vertical-timeline-dot.js +1 -1
  4. package/dist/docs.json +1 -1
  5. package/dist/esm/udp-vertical-timeline-dot.entry.js +1 -1
  6. package/dist/stencil-library/udp-vertical-timeline-dot.entry.js +1 -1
  7. package/package.json +1 -1
package/dist/cjs/udp-vertical-timeline-dot.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-G1ccGqOs.js');
4
4
 
5
- const udpVerticalTimelineDotCss = () => `:host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}`;
5
+ const udpVerticalTimelineDotCss = () => `:host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{border-radius:50%;display:inline-block;box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}`;
6
6
 
7
7
  const UdpVerticalTimelineDot = class {
8
8
  constructor(hostRef) {
package/dist/collection/components/vertical-timeline/udp-vertical-timeline-dot.css CHANGED
@@ -37,8 +37,6 @@
37
37
  .dot-medium {
38
38
  width: var(--udp-vertical-timeline-dot-size-medium);
39
39
  height: var(--udp-vertical-timeline-dot-size-medium);
40
- border-radius: 50%;
41
- display: inline-block;
42
40
  --udp-vertical-timeline-dot-size: var(--udp-vertical-timeline-dot-size-medium);
43
41
  }
44
42
  .dot-small {
@@ -62,9 +60,15 @@
62
60
  color: var(--udp-vertical-timeline-dot-outline-color);
63
61
  }
64
62
 
63
+ /* Shape and box model shared by all three sizes. border-radius and display used to
64
+ live on .dot-medium alone, so small and large computed to border-radius: 0 and
65
+ rendered as squares. They belong here — the dot is a circle at every size, in
66
+ both the filled and outlined variants. */
65
67
  .dot-medium,
66
68
  .dot-small,
67
69
  .dot-large {
70
+ border-radius: 50%;
71
+ display: inline-block;
68
72
  box-sizing: border-box; /* ensure borders don't shift center */
69
73
  margin: 0;
70
74
  }
package/dist/components/udp-vertical-timeline-dot.js CHANGED
@@ -1,2 +1,2 @@
1
1
  import "../stencil-library/stencil-library.css";
2
- import{p as e,H as t,h as i,t as o}from"./index2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const e=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return i("div",{key:"cb22d832d87ef4ece66fc5a2670150def602aadb",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!e,["dot-shape-"+this.shape]:!0},style:e?{"--udp-vertical-timeline-dot-bg":this.color,"--udp-vertical-timeline-dot-outline-color":this.color}:{}},i("slot",{key:"34c3a0dc6ff0d266c1bbffd0babfa36ad6416cb5"}))}static get style(){return":host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}"}},[257,"udp-vertical-timeline-dot",{color:[1],variant:[1],size:[1],shape:[1]}]),r=l,d=function(){"undefined"!=typeof customElements&&["udp-vertical-timeline-dot"].forEach((e=>{"udp-vertical-timeline-dot"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))};export{r as UdpVerticalTimelineDot,d as defineCustomElement}
2
+ import{p as e,H as t,h as i,t as o}from"./index2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const e=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return i("div",{key:"cb22d832d87ef4ece66fc5a2670150def602aadb",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!e,["dot-shape-"+this.shape]:!0},style:e?{"--udp-vertical-timeline-dot-bg":this.color,"--udp-vertical-timeline-dot-outline-color":this.color}:{}},i("slot",{key:"34c3a0dc6ff0d266c1bbffd0babfa36ad6416cb5"}))}static get style(){return":host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{border-radius:50%;display:inline-block;box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}"}},[257,"udp-vertical-timeline-dot",{color:[1],variant:[1],size:[1],shape:[1]}]),r=l,d=function(){"undefined"!=typeof customElements&&["udp-vertical-timeline-dot"].forEach((e=>{"udp-vertical-timeline-dot"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))};export{r as UdpVerticalTimelineDot,d as defineCustomElement}
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-09-04T16:32:11",
2
+ "timestamp": "2026-09-04T17:05:23",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.41.3",
package/dist/esm/udp-vertical-timeline-dot.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-Cgpvu-iV.js';
2
2
 
3
- const udpVerticalTimelineDotCss = () => `:host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}`;
3
+ const udpVerticalTimelineDotCss = () => `:host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{border-radius:50%;display:inline-block;box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}`;
4
4
 
5
5
  const UdpVerticalTimelineDot = class {
6
6
  constructor(hostRef) {
package/dist/stencil-library/udp-vertical-timeline-dot.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as e,h as i}from"./index-Cgpvu-iV.js";const t=class{constructor(i){e(this,i),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const e=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return i("div",{key:"cb22d832d87ef4ece66fc5a2670150def602aadb",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!e,["dot-shape-"+this.shape]:!0},style:e?{"--udp-vertical-timeline-dot-bg":this.color,"--udp-vertical-timeline-dot-outline-color":this.color}:{}},i("slot",{key:"34c3a0dc6ff0d266c1bbffd0babfa36ad6416cb5"}))}};t.style=":host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}";export{t as udp_vertical_timeline_dot}
1
+ import{r as e,h as i}from"./index-Cgpvu-iV.js";const t=class{constructor(i){e(this,i),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const e=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return i("div",{key:"cb22d832d87ef4ece66fc5a2670150def602aadb",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!e,["dot-shape-"+this.shape]:!0},style:e?{"--udp-vertical-timeline-dot-bg":this.color,"--udp-vertical-timeline-dot-outline-color":this.color}:{}},i("slot",{key:"34c3a0dc6ff0d266c1bbffd0babfa36ad6416cb5"}))}};t.style=":host{--udp-vertical-timeline-dot-size-small:10px;--udp-vertical-timeline-dot-size-medium:14px;--udp-vertical-timeline-dot-size-large:20px;--udp-vertical-timeline-dot-icon-size:36px;--udp-vertical-timeline-dot-outlined-bg:var(--colorNeutralBackground1, #ffffff);--udp-vertical-timeline-dot-outline-width:2px;--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886);display:inline-flex;box-sizing:border-box;margin:0;padding:0}.dot-medium{width:var(--udp-vertical-timeline-dot-size-medium);height:var(--udp-vertical-timeline-dot-size-medium);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-medium)}.dot-small{width:var(--udp-vertical-timeline-dot-size-small);height:var(--udp-vertical-timeline-dot-size-small);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-small)}.dot-large{width:var(--udp-vertical-timeline-dot-size-large);height:var(--udp-vertical-timeline-dot-size-large);--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-size-large)}.dot-filled{background:var(--udp-vertical-timeline-dot-bg)}.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{border-radius:50%;display:inline-block;box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-vertical-timeline-dot-icon-size);height:var(--udp-vertical-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;--udp-vertical-timeline-dot-size:var(--udp-vertical-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-vertical-timeline-dot-outlined-bg);border:var(--udp-vertical-timeline-dot-outline-width) solid var(--udp-vertical-timeline-dot-outline-color);color:var(--udp-vertical-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-vertical-timeline-dot-bg);color:var(--colorNeutralForegroundOnBrand, #ffffff)}.dot-color-primary{--udp-vertical-timeline-dot-bg:var(--colorBrandBackground, #0f6cbd);--udp-vertical-timeline-dot-outline-color:var(--colorBrandStroke1, #0f6cbd)}.dot-color-secondary{--udp-vertical-timeline-dot-bg:var(--colorCompoundBrandBackground, #115ea3);--udp-vertical-timeline-dot-outline-color:var(--colorCompoundBrandStroke, #115ea3)}.dot-color-default{--udp-vertical-timeline-dot-bg:var(--colorNeutralStroke1, #8a8886);--udp-vertical-timeline-dot-outline-color:var(--colorNeutralStroke1, #8a8886)}.dot-color-error{--udp-vertical-timeline-dot-bg:var(--colorPaletteRedBackground3, #bc2f32);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteRedBorderActive, #bc2f32)}.dot-color-info{--udp-vertical-timeline-dot-bg:var(--colorPaletteBlueForeground2, #2886de);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteBlueBorderActive, #2886de)}.dot-color-success{--udp-vertical-timeline-dot-bg:var(--colorPaletteGreenBackground3, #0e700e);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteGreenBorderActive, #0e700e)}.dot-color-warning{--udp-vertical-timeline-dot-bg:var(--colorPaletteYellowBackground3, #835c00);--udp-vertical-timeline-dot-outline-color:var(--colorPaletteYellowBorderActive, #835c00)}";export{t as udp_vertical_timeline_dot}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "udp-stencil-component-library",
3
- "version": "26.7.0-beta.1",
3
+ "version": "26.7.0-beta.2",
4
4
  "description": "A Stencil based component library for UDP",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",