@waggylabs/yumekit 0.3.7-beta.3 → 0.3.7-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 (6) hide show
  1. package/dist/components/y-appbar.js +8 -6
  2. package/dist/icons/all.js +0 -3
  3. package/dist/icons/index.d.ts +1 -1
  4. package/dist/index.js +10 -11
  5. package/dist/yumekit.min.js +1 -1
  6. package/package.json +1 -1
package/dist/components/y-appbar.js CHANGED
@@ -853,8 +853,7 @@ const chevronRight = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height=
853
853
  const chevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
854
854
 
855
855
  /* ── Double chevrons (collapse / expand) ──────────────────────────── */
856
-
857
- const collapseLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>`;
856
+ const expandLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>`;
858
857
 
859
858
  const expandRight = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 17 18 12 13 7"/><polyline points="6 17 11 12 6 7"/></svg>`;
860
859
 
@@ -1591,21 +1590,24 @@ class YumeAppbar extends HTMLElement {
1591
1590
  const sizeConfig = {
1592
1591
  small: {
1593
1592
  padding: "var(--spacing-x-small, 4px)",
1594
- collapsedWidth: "var(--component-appbar-collapsed-width-small, 40px)",
1593
+ collapsedWidth:
1594
+ "var(--component-appbar-collapsed-width-small, 40px)",
1595
1595
  bodyGap: "2px",
1596
1596
  buttonSize: "small",
1597
1597
  iconSize: "small",
1598
1598
  },
1599
1599
  medium: {
1600
1600
  padding: "var(--spacing-small, 6px)",
1601
- collapsedWidth: "var(--component-appbar-collapsed-width-medium, 52px)",
1601
+ collapsedWidth:
1602
+ "var(--component-appbar-collapsed-width-medium, 52px)",
1602
1603
  bodyGap: "3px",
1603
1604
  buttonSize: "medium",
1604
1605
  iconSize: "medium",
1605
1606
  },
1606
1607
  large: {
1607
1608
  padding: "var(--spacing-medium, 8px)",
1608
- collapsedWidth: "var(--component-appbar-collapsed-width-large, 64px)",
1609
+ collapsedWidth:
1610
+ "var(--component-appbar-collapsed-width-large, 64px)",
1609
1611
  bodyGap: "4px",
1610
1612
  buttonSize: "large",
1611
1613
  iconSize: "large",
@@ -1988,7 +1990,7 @@ class YumeAppbar extends HTMLElement {
1988
1990
 
1989
1991
  const collapseIcon = document.createElement("span");
1990
1992
  collapseIcon.slot = "left-icon";
1991
- collapseIcon.innerHTML = isCollapsed ? expandRight : collapseLeft;
1993
+ collapseIcon.innerHTML = isCollapsed ? expandRight : expandLeft;
1992
1994
  collapseBtn.appendChild(collapseIcon);
1993
1995
 
1994
1996
  if (!isCollapsed) {
package/dist/icons/all.js CHANGED
@@ -46,8 +46,6 @@ var close = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fil
46
46
 
47
47
  var cloud = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"/>\n</svg>\n";
48
48
 
49
- var collapseLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"11 17 6 12 11 7\"/>\n <polyline points=\"18 17 13 12 18 7\"/>\n</svg>\n";
50
-
51
49
  var comments = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n</svg>\n";
52
50
 
53
51
  var compAppbar = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1.5\"/>\n <line x1=\"4\" y1=\"13\" x2=\"20\" y2=\"13\"/>\n <line x1=\"4\" y1=\"17\" x2=\"15\" y2=\"17\"/>\n <line x1=\"4\" y1=\"21\" x2=\"10\" y2=\"21\"/>\n</svg>\n";
@@ -241,7 +239,6 @@ registerIcons({
241
239
  clock,
242
240
  close,
243
241
  cloud,
244
- "collapse-left": collapseLeft,
245
242
  comments,
246
243
  "comp-appbar": compAppbar,
247
244
  "comp-avatar": compAvatar,
package/dist/icons/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export function gripDots(horizontal: boolean): string;
11
11
  export function sortArrows(topColor: string, bottomColor: string): string;
12
12
  export const chevronRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>";
13
13
  export const chevronDown: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>";
14
- export const collapseLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"11 17 6 12 11 7\"/><polyline points=\"18 17 13 12 18 7\"/></svg>";
14
+ export const expandLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"11 17 6 12 11 7\"/><polyline points=\"18 17 13 12 18 7\"/></svg>";
15
15
  export const expandRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"13 17 18 12 13 7\"/><polyline points=\"6 17 11 12 6 7\"/></svg>";
16
16
  export const check: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><polyline points=\"5 13 10 17 19 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"/></svg>";
17
17
  export const minus: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"11\" width=\"16\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"currentColor\"/></svg>";
package/dist/index.js CHANGED
@@ -75,8 +75,6 @@ var close$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" f
75
75
 
76
76
  var cloud = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"/>\n</svg>\n";
77
77
 
78
- var collapseLeft$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"11 17 6 12 11 7\"/>\n <polyline points=\"18 17 13 12 18 7\"/>\n</svg>\n";
79
-
80
78
  var comments = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n</svg>\n";
81
79
 
82
80
  var compAppbar = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1.5\"/>\n <line x1=\"4\" y1=\"13\" x2=\"20\" y2=\"13\"/>\n <line x1=\"4\" y1=\"17\" x2=\"15\" y2=\"17\"/>\n <line x1=\"4\" y1=\"21\" x2=\"10\" y2=\"21\"/>\n</svg>\n";
@@ -137,7 +135,7 @@ var downToBracket = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24
137
135
 
138
136
  var expandDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"17 13 12 18 7 13\"/>\n <polyline points=\"17 6 12 11 7 6\"/>\n</svg>\n";
139
137
 
140
- var expandLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"11 17 6 12 11 7\"/>\n <polyline points=\"18 17 13 12 18 7\"/>\n</svg>\n";
138
+ var expandLeft$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"11 17 6 12 11 7\"/>\n <polyline points=\"18 17 13 12 18 7\"/>\n</svg>\n";
141
139
 
142
140
  var expandRight$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"13 17 18 12 13 7\"/>\n <polyline points=\"6 17 11 12 6 7\"/>\n</svg>\n";
143
141
 
@@ -270,7 +268,6 @@ registerIcons({
270
268
  clock,
271
269
  close: close$1,
272
270
  cloud,
273
- "collapse-left": collapseLeft$1,
274
271
  comments,
275
272
  "comp-appbar": compAppbar,
276
273
  "comp-avatar": compAvatar,
@@ -301,7 +298,7 @@ registerIcons({
301
298
  "down-from-bracket": downFromBracket,
302
299
  "down-to-bracket": downToBracket,
303
300
  "expand-down": expandDown,
304
- "expand-left": expandLeft,
301
+ "expand-left": expandLeft$1,
305
302
  "expand-right": expandRight$1,
306
303
  "expand-up": expandUp,
307
304
  "face-frown": faceFrown,
@@ -1207,8 +1204,7 @@ const chevronRight = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height=
1207
1204
  const chevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
1208
1205
 
1209
1206
  /* ── Double chevrons (collapse / expand) ──────────────────────────── */
1210
-
1211
- const collapseLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>`;
1207
+ const expandLeft = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>`;
1212
1208
 
1213
1209
  const expandRight = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 17 18 12 13 7"/><polyline points="6 17 11 12 6 7"/></svg>`;
1214
1210
 
@@ -1987,21 +1983,24 @@ class YumeAppbar extends HTMLElement {
1987
1983
  const sizeConfig = {
1988
1984
  small: {
1989
1985
  padding: "var(--spacing-x-small, 4px)",
1990
- collapsedWidth: "var(--component-appbar-collapsed-width-small, 40px)",
1986
+ collapsedWidth:
1987
+ "var(--component-appbar-collapsed-width-small, 40px)",
1991
1988
  bodyGap: "2px",
1992
1989
  buttonSize: "small",
1993
1990
  iconSize: "small",
1994
1991
  },
1995
1992
  medium: {
1996
1993
  padding: "var(--spacing-small, 6px)",
1997
- collapsedWidth: "var(--component-appbar-collapsed-width-medium, 52px)",
1994
+ collapsedWidth:
1995
+ "var(--component-appbar-collapsed-width-medium, 52px)",
1998
1996
  bodyGap: "3px",
1999
1997
  buttonSize: "medium",
2000
1998
  iconSize: "medium",
2001
1999
  },
2002
2000
  large: {
2003
2001
  padding: "var(--spacing-medium, 8px)",
2004
- collapsedWidth: "var(--component-appbar-collapsed-width-large, 64px)",
2002
+ collapsedWidth:
2003
+ "var(--component-appbar-collapsed-width-large, 64px)",
2005
2004
  bodyGap: "4px",
2006
2005
  buttonSize: "large",
2007
2006
  iconSize: "large",
@@ -2384,7 +2383,7 @@ class YumeAppbar extends HTMLElement {
2384
2383
 
2385
2384
  const collapseIcon = document.createElement("span");
2386
2385
  collapseIcon.slot = "left-icon";
2387
- collapseIcon.innerHTML = isCollapsed ? expandRight : collapseLeft;
2386
+ collapseIcon.innerHTML = isCollapsed ? expandRight : expandLeft;
2388
2387
  collapseBtn.appendChild(collapseIcon);
2389
2388
 
2390
2389
  if (!isCollapsed) {