@300codes/design-system 1.2.4 → 1.2.6

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/BaseTooltip/BaseTooltip.vue +6 -3
  3. package/src/components/TabsList/TabsList.vue +1 -0
  4. package/src/css/tokens.css +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@300codes/design-system",
3
- "version": "1.2.4",
3
+ "version": "1.2.6",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/components",
package/src/components/BaseTooltip/BaseTooltip.vue CHANGED
@@ -29,10 +29,11 @@ const emit = defineEmits<{
29
29
  'relative inline-flex',
30
30
  ]"
31
31
  >
32
- <div :class="['baseTooltip__body', 'flex items-center']">
32
+ <div :class="['baseTooltip__body', 'flex items-start']">
33
33
  <div class="baseTooltip__text">
34
34
  <slot />
35
35
  </div>
36
+
36
37
  <button
37
38
  v-if="closeSize"
38
39
  :class="[
@@ -40,7 +41,7 @@ const emit = defineEmits<{
40
41
  'bg-transparent border-0 p-0 cursor-pointer inline-flex items-center justify-center shrink-0',
41
42
  ]"
42
43
  type="button"
43
- aria-label="Close"
44
+ aria-label="Zamknij"
44
45
  @click="emit('close')"
45
46
  >
46
47
  <BaseIcon
@@ -49,6 +50,7 @@ const emit = defineEmits<{
49
50
  />
50
51
  </button>
51
52
  </div>
53
+
52
54
  <span
53
55
  aria-hidden="true"
54
56
  class="baseTooltip__arrow absolute w-0 h-0"
@@ -67,7 +69,8 @@ const emit = defineEmits<{
67
69
  color: var(--baseTooltip-fg, #ffffff);
68
70
  border-radius: var(--baseTooltip-radius, 0.5rem);
69
71
  max-width: var(--baseTooltip-max-w, 12.25rem);
70
- padding: var(--baseTooltip-py, 1rem) var(--baseTooltip-px, 1rem);
72
+ width: var(--baseTooltip-max-w, 12.25rem);
73
+ padding: var(--baseTooltip-py, 0.75rem) var(--baseTooltip-px, 0.75rem);
71
74
  font-size: var(--baseTooltip-font-size, 0.75rem);
72
75
  }
73
76
 
package/src/components/TabsList/TabsList.vue CHANGED
@@ -86,6 +86,7 @@ watch(model, () => {
86
86
  v-for="(item, index) in items"
87
87
  :key="item.value"
88
88
  role="tab"
89
+ type="button"
89
90
  :class="[
90
91
  'tabsList__tab',
91
92
  {
package/src/css/tokens.css CHANGED
@@ -364,8 +364,8 @@
364
364
  --baseTooltip-fg: theme(--color-white);
365
365
  --baseTooltip-radius: theme(--radius-lg); /* 8px */
366
366
  --baseTooltip-max-w: 12.25rem; /* 196px */
367
- --baseTooltip-px: theme(--spacing-4); /* 16px */
368
- --baseTooltip-py: theme(--spacing-4); /* 16px */
367
+ --baseTooltip-px: theme(--spacing-3); /* 12px */
368
+ --baseTooltip-py: theme(--spacing-3); /* 12px */
369
369
  --baseTooltip-gap: theme(--spacing-4); /* 16px — text↔close */
370
370
  --baseTooltip-font-size: theme(--text-xs); /* md 12px */
371
371
  --baseTooltip-lg-font-size: theme(--text-sm); /* lg 14px */