@rettangoli/ui 0.1.16 → 0.1.18

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 (5) hide show
  1. package/dist/rettangoli-iife-layout.min.js +5 -2
  2. package/dist/rettangoli-iife-ui.min.js +53 -50
  3. package/package.json +3 -3
  4. package/src/primitives/button.js +4 -4
  5. package/src/styles/buttonMarginStyles.js +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rettangoli/ui",
3
- "version": "0.1.16",
3
+ "version": "0.1.18",
4
4
  "description": "A UI component library for building web interfaces.",
5
5
  "main": "dist/rettangoli-esm.min.js",
6
6
  "type": "module",
@@ -49,9 +49,9 @@
49
49
  "homepage": "https://github.com/yuusoft-org/rettangoli#readme",
50
50
  "dependencies": {
51
51
  "@floating-ui/dom": "^1.6.13",
52
- "@rettangoli/fe": "0.0.9",
52
+ "@rettangoli/fe": "0.0.10",
53
53
  "commander": "^13.1.0",
54
- "jempl": "0.1.4-rc1",
54
+ "jempl": "1.0.0",
55
55
  "js-yaml": "^4.1.0",
56
56
  "liquidjs": "^10.21.0",
57
57
  "snabbdom": "^3.6.2"
package/src/primitives/button.js CHANGED
@@ -23,7 +23,7 @@ class RettangoliButtonElement extends HTMLElement {
23
23
  flex-direction: row;
24
24
  align-items: center;
25
25
  justify-content: center;
26
- gap: var(--spacing-lg);
26
+ gap: var(--spacing-md);
27
27
  border-width: 0px;
28
28
  border-style: solid;
29
29
  border-color: var(--border);
@@ -174,7 +174,7 @@ class RettangoliButtonElement extends HTMLElement {
174
174
  }
175
175
 
176
176
  static get observedAttributes() {
177
- return ["key", "href", "target", "w", "t", "icon", "disabled", "v", "s", "sq", "ip"];
177
+ return ["key", "href", "target", "w", "icon", "disabled", "v", "s", "sq", "ip"];
178
178
  }
179
179
 
180
180
  connectedCallback() {
@@ -244,7 +244,7 @@ class RettangoliButtonElement extends HTMLElement {
244
244
  gh: 'ac-fg',
245
245
  lk: 'ac-fg'
246
246
  };
247
- const sizeMap = {
247
+ const iconSizeMap = {
248
248
  sm: 14,
249
249
  md: 18,
250
250
  lg: 22
@@ -261,7 +261,7 @@ class RettangoliButtonElement extends HTMLElement {
261
261
  const buttonSize = this.getAttribute("s");
262
262
  size = buttonSizeMap[buttonSize] || 18;
263
263
  } else {
264
- size = sizeMap[this.getAttribute("t")] || 18;
264
+ size = iconSizeMap[this.getAttribute("s")] || 18;
265
265
  }
266
266
 
267
267
  this._iconElement = document.createElement('rtgl-svg');
package/src/styles/buttonMarginStyles.js CHANGED
@@ -18,6 +18,7 @@ const styles = {
18
18
  font-weight: var(--xs-font-weight);
19
19
  line-height: var(--xs-line-height);
20
20
  letter-spacing: var(--xs-letter-spacing);
21
+ gap: var(--spacing-sm);
21
22
  `,
22
23
  md: `
23
24
  height: 32px;
@@ -28,6 +29,7 @@ const styles = {
28
29
  font-weight: var(--sm-font-weight);
29
30
  line-height: var(--sm-line-height);
30
31
  letter-spacing: var(--sm-letter-spacing);
32
+ gap: var(--spacing-md);
31
33
  `,
32
34
  lg: `
33
35
  height: 40px;
@@ -38,6 +40,7 @@ const styles = {
38
40
  font-weight: var(--md-font-weight);
39
41
  line-height: var(--md-line-height);
40
42
  letter-spacing: var(--md-letter-spacing);
43
+ gap: var(--spacing-md);
41
44
  `,
42
45
  },
43
46
  v: {