@saasmakers/ui 0.1.102 → 0.1.104

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.
@@ -76,7 +76,7 @@ function onEmojiClick(event: MouseEvent, emoji?: string) {
76
76
  <BaseText
77
77
  class="mb-2 text-xs text-gray-700 dark:text-gray-300"
78
78
  size="xs"
79
- :text="category.category"
79
+ :text="t(`categories.${category.category}`)"
80
80
  />
81
81
 
82
82
  <div class="flex flex-wrap">
@@ -101,12 +101,48 @@ function onEmojiClick(event: MouseEvent, emoji?: string) {
101
101
  <i18n lang="json">
102
102
  {
103
103
  "en": {
104
+ "categories": {
105
+ "activity": "Activity",
106
+ "diversity": "Skin Tones",
107
+ "flags": "Flags",
108
+ "food": "Food & Drink",
109
+ "nature": "Animals & Nature",
110
+ "objects": "Objects",
111
+ "people": "Smileys & People",
112
+ "regional": "Regional",
113
+ "symbol": "Symbols",
114
+ "travel": "Travel & Places"
115
+ },
104
116
  "searchEmoji": "Search an emoji"
105
117
  },
106
118
  "fr": {
119
+ "categories": {
120
+ "activity": "Activité",
121
+ "diversity": "Couleurs de peau",
122
+ "flags": "Drapeaux",
123
+ "food": "Nourriture & Boissons",
124
+ "nature": "Animaux & Nature",
125
+ "objects": "Objets",
126
+ "people": "Émojis & Personnes",
127
+ "regional": "Régional",
128
+ "symbol": "Symboles",
129
+ "travel": "Voyage & Lieux"
130
+ },
107
131
  "searchEmoji": "Rechercher un emoji (en anglais)"
108
132
  },
109
133
  "ja": {
134
+ "categories": {
135
+ "activity": "アクティビティ",
136
+ "diversity": "肌の色",
137
+ "flags": "旗",
138
+ "food": "食べ物・飲み物",
139
+ "nature": "動物・自然",
140
+ "objects": "物",
141
+ "people": "顔文字・人",
142
+ "regional": "地域",
143
+ "symbol": "記号",
144
+ "travel": "旅行・場所"
145
+ },
110
146
  "searchEmoji": "絵文字を検索 (英語)"
111
147
  }
112
148
  }
@@ -185,6 +185,7 @@ function onOptionClick(event: MouseEvent, option: FieldSelectOption) {
185
185
  <BaseIcon
186
186
  v-if="selectedOption.icon"
187
187
  class="pointer-events-none mr-2"
188
+ :color="selectedOption.iconColor"
188
189
  :icon="selectedOption.icon"
189
190
  />
190
191
 
@@ -262,6 +263,7 @@ function onOptionClick(event: MouseEvent, option: FieldSelectOption) {
262
263
  <BaseIcon
263
264
  v-if="option.text"
264
265
  class="pointer-events-none mr-2 flex-initial"
266
+ :color="option.iconColor"
265
267
  :icon="option.icon"
266
268
  :size="size"
267
269
  :text="option.text"
@@ -129,6 +129,7 @@ export interface FieldSelectColumn {
129
129
 
130
130
  export interface FieldSelectOption {
131
131
  icon?: string
132
+ iconColor?: BaseColor
132
133
  text: string
133
134
  value: string
134
135
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saasmakers/ui",
3
3
  "type": "module",
4
- "version": "0.1.102",
4
+ "version": "0.1.104",
5
5
  "private": false,
6
6
  "description": "Reusable Nuxt UI components for SaaS Makers projects",
7
7
  "license": "MIT",
@@ -22,7 +22,7 @@
22
22
  "uno.config.ts"
23
23
  ],
24
24
  "peerDependencies": {
25
- "@saasmakers/shared": "^0.1.9",
25
+ "@saasmakers/shared": "^0.1.12",
26
26
  "nuxt": "4.2.2"
27
27
  },
28
28
  "dependencies": {
@@ -58,7 +58,7 @@
58
58
  "devDependencies": {
59
59
  "nuxt": "4.2.2",
60
60
  "typescript": "5.9.3",
61
- "@saasmakers/shared": "0.1.9"
61
+ "@saasmakers/shared": "0.1.12"
62
62
  },
63
63
  "scripts": {
64
64
  "dev": "nuxi dev",