@redseed/redseed-ui-vue3 6.5.1 → 6.5.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "6.5.1",
3
+ "version": "6.5.2",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
@@ -15,7 +15,7 @@ const props = defineProps({
15
15
  width: {
16
16
  type: String,
17
17
  default: 'md',
18
- validator: value => ['xs', 'sm', 'md', 'lg', 'xl'].includes(value),
18
+ validator: value => ['2xs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'].includes(value),
19
19
  },
20
20
  sort: {
21
21
  type: [Boolean, String],
@@ -57,11 +57,13 @@ function handleSort() {
57
57
  'rsui-th--right': alignment === 'right',
58
58
  'rsui-th--auto': !fixed,
59
59
  'rsui-th--fixed': fixed,
60
+ 'rsui-th--2xs': fixed && width === '2xs',
60
61
  'rsui-th--xs': fixed && width === 'xs',
61
62
  'rsui-th--sm': fixed && width === 'sm',
62
63
  'rsui-th--md': fixed && width === 'md',
63
64
  'rsui-th--lg': fixed && width === 'lg',
64
65
  'rsui-th--xl': fixed && width === 'xl',
66
+ 'rsui-th--2xl': fixed && width === '2xl',
65
67
  'rsui-th--sortable': sortable,
66
68
  },
67
69
  ]"
@@ -107,26 +109,34 @@ function handleSort() {
107
109
  }
108
110
 
109
111
  &--fixed {
110
- @apply whitespace-normal break-all;
112
+ @apply whitespace-normal break-words;
111
113
  }
112
114
 
113
- &--xs {
115
+ &--2xs {
114
116
  @apply w-28;
115
117
  }
116
118
 
119
+ &--xs {
120
+ @apply w-32;
121
+ }
122
+
117
123
  &--sm {
118
124
  @apply w-40;
119
125
  }
120
126
 
121
127
  &--md {
122
- @apply w-56;
128
+ @apply w-52;
123
129
  }
124
130
 
125
131
  &--lg {
126
- @apply w-72;
132
+ @apply w-64;
127
133
  }
128
134
 
129
135
  &--xl {
136
+ @apply w-80;
137
+ }
138
+
139
+ &--2xl {
130
140
  @apply w-96;
131
141
  }
132
142
 
@@ -135,11 +145,11 @@ function handleSort() {
135
145
  }
136
146
 
137
147
  &__content {
138
- @apply inline-flex gap-1;
148
+ @apply inline-flex gap-1 items-center;
139
149
  }
140
150
 
141
151
  &__sort {
142
- @apply shrink-0 pt-1.5;
152
+ @apply shrink-0;
143
153
  }
144
154
 
145
155
  &__sort-icon {