@1001-digital/components 2.0.5 → 2.0.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 (15) hide show
  1. package/package.json +2 -2
  2. package/src/base/components/Actions.vue +1 -1
  3. package/src/base/components/Alert.vue +1 -1
  4. package/src/base/components/Calendar.vue +2 -2
  5. package/src/base/components/ColorPicker.vue +1 -1
  6. package/src/base/components/Combobox.vue +3 -3
  7. package/src/base/components/Dialog.vue +1 -1
  8. package/src/base/components/Dropdown.vue +1 -1
  9. package/src/base/components/FormDatePicker.vue +2 -2
  10. package/src/base/components/FormLabel.vue +1 -1
  11. package/src/base/components/PinInput.vue +1 -1
  12. package/src/base/components/Popover.vue +2 -2
  13. package/src/base/components/Tag.vue +1 -1
  14. package/src/base/components/Toasts.vue +2 -2
  15. package/src/base/components/Tooltip.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1001-digital/components",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "sideEffects": [
@@ -18,7 +18,7 @@
18
18
  },
19
19
  "peerDependencies": {
20
20
  "vue": "^3.5.0",
21
- "@1001-digital/styles": "^2.1.1"
21
+ "@1001-digital/styles": "^2.1.2"
22
22
  },
23
23
  "dependencies": {
24
24
  "@iconify/vue": "^5.0.0",
package/src/base/components/Actions.vue CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  & :deep(> label) {
41
- font-family: var(--font-family);
41
+ font-family: var(--ui-font-family);
42
42
  font-size: var(--ui-font-size);
43
43
  font-weight: var(--ui-font-weight);
44
44
  text-transform: var(--ui-text-transform);
package/src/base/components/Alert.vue CHANGED
@@ -48,7 +48,7 @@ const dismiss = () => {
48
48
  border-color: var(--alert-border-color);
49
49
  background-color: var(--alert-background);
50
50
  color: var(--alert-color);
51
- font-family: var(--font-family);
51
+ font-family: var(--ui-font-family);
52
52
  font-size: var(--ui-font-size);
53
53
  text-transform: var(--ui-text-transform);
54
54
 
package/src/base/components/Calendar.vue CHANGED
@@ -129,7 +129,7 @@ const placeholderValue = ref(props.placeholder) as ReturnType<typeof ref<DateVal
129
129
  }
130
130
 
131
131
  .calendar-heading {
132
- font-family: var(--font-family);
132
+ font-family: var(--ui-font-family);
133
133
  font-size: var(--ui-font-size);
134
134
  text-transform: var(--ui-text-transform);
135
135
  font-weight: 500;
@@ -169,7 +169,7 @@ const placeholderValue = ref(props.placeholder) as ReturnType<typeof ref<DateVal
169
169
  }
170
170
 
171
171
  .calendar-head-cell {
172
- font-family: var(--font-family);
172
+ font-family: var(--ui-font-family);
173
173
  font-size: var(--font-xs);
174
174
  text-transform: var(--ui-text-transform);
175
175
  color: var(--muted);
package/src/base/components/ColorPicker.vue CHANGED
@@ -186,7 +186,7 @@ function handleHexUpdate(hex: string) {
186
186
  background: var(--button-background);
187
187
  border-radius: var(--button-border-radius);
188
188
  box-shadow: var(--border-shadow);
189
- font-family: var(--font-family);
189
+ font-family: var(--ui-font-family);
190
190
  font-size: var(--ui-font-size);
191
191
  cursor: pointer;
192
192
  transition:
package/src/base/components/Combobox.vue CHANGED
@@ -144,7 +144,7 @@ const resolveDisplayValue = (val: any) => {
144
144
  all: unset;
145
145
  flex: 1;
146
146
  padding: var(--size-2) var(--size-3);
147
- font-family: var(--font-family);
147
+ font-family: var(--ui-font-family);
148
148
  font-size: var(--ui-font-size);
149
149
  color: var(--color);
150
150
  min-inline-size: 0;
@@ -215,7 +215,7 @@ const resolveDisplayValue = (val: any) => {
215
215
  :deep(.combobox-empty) {
216
216
  padding: var(--size-2) var(--size-3);
217
217
  color: var(--muted);
218
- font-family: var(--font-family);
218
+ font-family: var(--ui-font-family);
219
219
  font-size: var(--ui-font-size);
220
220
  user-select: none;
221
221
  }
@@ -230,7 +230,7 @@ const resolveDisplayValue = (val: any) => {
230
230
  cursor: pointer;
231
231
  outline: none;
232
232
  user-select: none;
233
- font-family: var(--font-family);
233
+ font-family: var(--ui-font-family);
234
234
  font-size: var(--ui-font-size);
235
235
 
236
236
  &[data-highlighted] {
package/src/base/components/Dialog.vue CHANGED
@@ -164,7 +164,7 @@ onBeforeUnmount(() => {
164
164
  background: var(--dialog-header-background);
165
165
  box-shadow: var(--border-shadow);
166
166
  padding-inline-start: var(--spacer);
167
- font-family: var(--font-family);
167
+ font-family: var(--ui-font-family);
168
168
  font-size: var(--ui-font-size);
169
169
  text-transform: var(--ui-text-transform);
170
170
  margin: 0;
package/src/base/components/Dropdown.vue CHANGED
@@ -80,7 +80,7 @@ const open = defineModel<boolean>('open', { required: true })
80
80
  border: var(--dropdown-border);
81
81
  border-radius: var(--dropdown-border-radius);
82
82
  padding: 0;
83
- font-family: var(--font-family);
83
+ font-family: var(--ui-font-family);
84
84
  font-size: var(--ui-font-size);
85
85
  z-index: var(--z-index-ui);
86
86
  min-inline-size: var(--reka-dropdown-menu-trigger-width);
package/src/base/components/FormDatePicker.vue CHANGED
@@ -284,7 +284,7 @@ const placeholderValue = ref(props.placeholder) as ReturnType<typeof ref<DateVal
284
284
  }
285
285
 
286
286
  .form-date-picker-heading {
287
- font-family: var(--font-family);
287
+ font-family: var(--ui-font-family);
288
288
  font-size: var(--ui-font-size);
289
289
  text-transform: var(--ui-text-transform);
290
290
  font-weight: 500;
@@ -324,7 +324,7 @@ const placeholderValue = ref(props.placeholder) as ReturnType<typeof ref<DateVal
324
324
  }
325
325
 
326
326
  .form-date-picker-head-cell {
327
- font-family: var(--font-family);
327
+ font-family: var(--ui-font-family);
328
328
  font-size: var(--font-xs);
329
329
  text-transform: var(--ui-text-transform);
330
330
  color: var(--muted);
package/src/base/components/FormLabel.vue CHANGED
@@ -13,7 +13,7 @@ defineProps<{
13
13
 
14
14
  <style scoped>
15
15
  .form-label {
16
- font-family: var(--font-family);
16
+ font-family: var(--ui-font-family);
17
17
  font-size: var(--ui-font-size);
18
18
  font-weight: var(--ui-font-weight);
19
19
  text-transform: var(--ui-text-transform);
package/src/base/components/PinInput.vue CHANGED
@@ -70,7 +70,7 @@ defineEmits<{
70
70
  box-shadow: var(--border-shadow);
71
71
  background: var(--pin-input-background);
72
72
  color: var(--pin-input-color);
73
- font-family: var(--font-family);
73
+ font-family: var(--ui-font-family);
74
74
  font-size: var(--pin-input-font-size);
75
75
  font-weight: var(--pin-input-font-weight);
76
76
  text-transform: var(--ui-text-transform);
package/src/base/components/Popover.vue CHANGED
@@ -105,7 +105,7 @@ const onInteractOutside = (e: Event) => {
105
105
  border: var(--popover-border);
106
106
  border-radius: var(--popover-border-radius);
107
107
  padding: 0;
108
- font-family: var(--font-family);
108
+ font-family: var(--ui-font-family);
109
109
  font-size: var(--ui-font-size);
110
110
  z-index: var(--z-index-ui);
111
111
  min-inline-size: max(
@@ -154,7 +154,7 @@ const onInteractOutside = (e: Event) => {
154
154
  box-shadow: var(--border-shadow);
155
155
  padding-inline-start: var(--popover-padding);
156
156
  padding-right: calc(var(--spacer) * 3);
157
- font-family: var(--font-family);
157
+ font-family: var(--ui-font-family);
158
158
  font-size: var(--ui-font-size);
159
159
  text-transform: var(--ui-text-transform);
160
160
  margin: 0;
package/src/base/components/Tag.vue CHANGED
@@ -29,7 +29,7 @@ const emit = defineEmits<{
29
29
  .tag {
30
30
  border-radius: var(--tag-border-radius);
31
31
  box-shadow: var(--border-shadow);
32
- font-family: var(--font-family);
32
+ font-family: var(--ui-font-family);
33
33
  font-size: var(--font-sm);
34
34
  font-weight: var(--ui-font-weight);
35
35
  text-transform: var(--ui-text-transform);
package/src/base/components/Toasts.vue CHANGED
@@ -131,7 +131,7 @@ const onClose = (id: string) => {
131
131
  border: var(--border);
132
132
  border-radius: var(--toast-border-radius);
133
133
  overflow: hidden;
134
- font-family: var(--font-family);
134
+ font-family: var(--ui-font-family);
135
135
  font-size: var(--ui-font-size);
136
136
 
137
137
  /* Entry animation */
@@ -218,7 +218,7 @@ const onClose = (id: string) => {
218
218
  box-shadow: var(--border-shadow);
219
219
  padding-inline-start: var(--ui-padding-inline);
220
220
  padding-right: calc(var(--spacer) * 3);
221
- font-family: var(--font-family);
221
+ font-family: var(--ui-font-family);
222
222
  font-size: var(--ui-font-size);
223
223
  font-weight: normal;
224
224
  text-transform: var(--ui-text-transform);
package/src/base/components/Tooltip.vue CHANGED
@@ -73,7 +73,7 @@ const props = withDefaults(
73
73
  border: var(--tooltip-border);
74
74
  border-radius: var(--tooltip-border-radius);
75
75
  padding: var(--tooltip-padding);
76
- font-family: var(--font-family);
76
+ font-family: var(--ui-font-family);
77
77
  font-size: var(--ui-font-size);
78
78
  z-index: var(--z-index-ui);
79
79
  transform-origin: var(--reka-tooltip-content-transform-origin);