udp-stencil-component-library 26.6.0-beta.2 → 26.6.0-beta.4

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 +8 -1
  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-block;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);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)}`;
6
6
 
7
7
  const UdpVerticalTimelineDot = class {
8
8
  constructor(hostRef) {
package/dist/collection/components/vertical-timeline/udp-vertical-timeline-dot.css CHANGED
@@ -15,7 +15,14 @@
15
15
  --udp-vertical-timeline-dot-bg: var(--colorNeutralStroke1, #8a8886);
16
16
  --udp-vertical-timeline-dot-outline-color: var(--colorNeutralStroke1, #8a8886);
17
17
 
18
- display: inline-block; /* keep host sized to inner dot */
18
+ /* inline-flex, not inline-block: the host must be sized to the inner dot with
19
+ no line box of its own. As inline-block the host established a line box and
20
+ the circle sat on a text baseline inside it, so the circle's offset within
21
+ the host depended on font metrics — which made the dot land 2px off the
22
+ title centre on Linux while looking correct elsewhere. inline-flex makes the
23
+ host's box exactly the circle's box, so the parent's align-items: center
24
+ positions the circle itself, deterministically, at any dot size. */
25
+ display: inline-flex;
19
26
  box-sizing: border-box;
20
27
  /* No align-self here — let it inherit align-items from whatever container
21
28
  it's placed in (e.g. udp-vertical-timeline-item's separator-column, which aligns
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:"60045ab5dda3d2eeccc244e05f15b4729305df33",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:"6d8fefffc469696aa200554313d03157da422d7b"}))}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-block;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:"60045ab5dda3d2eeccc244e05f15b4729305df33",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:"6d8fefffc469696aa200554313d03157da422d7b"}))}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}
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-08-04T18:45:58",
2
+ "timestamp": "2026-08-04T19:59:20",
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-block;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);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)}`;
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:"60045ab5dda3d2eeccc244e05f15b4729305df33",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:"6d8fefffc469696aa200554313d03157da422d7b"}))}};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-block;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:"60045ab5dda3d2eeccc244e05f15b4729305df33",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:"6d8fefffc469696aa200554313d03157da422d7b"}))}};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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "udp-stencil-component-library",
3
- "version": "26.6.0-beta.2",
3
+ "version": "26.6.0-beta.4",
4
4
  "description": "A Stencil based component library for UDP",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",