@redseed/redseed-ui-vue3 6.3.2 → 6.3.3

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/Card/Card.vue +1 -1
  3. package/src/components/Card/CardHeader.vue +5 -5
  4. package/src/components/Layouts/PageHeader.vue +2 -2
  5. package/src/components/Layouts/SectionHeader.vue +3 -3
  6. package/src/components/MetaInfo/MetaInfo.vue +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "6.3.2",
3
+ "version": "6.3.3",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
package/src/components/Card/Card.vue CHANGED
@@ -77,7 +77,7 @@ function onClick() {
77
77
  .rsui-card {
78
78
  @apply relative flex flex-col;
79
79
  @apply transition duration-200;
80
- @apply rounded-xl bg-white border border-rsui-grey-400;
80
+ @apply rounded-xl bg-background-primary border border-border-primary;
81
81
 
82
82
  &--hoverable {
83
83
  @apply hover:shadow-md;
package/src/components/Card/CardHeader.vue CHANGED
@@ -146,7 +146,7 @@ function handleMoreActionsClick() {
146
146
  @apply border-b border-transparent;
147
147
 
148
148
  &--divider {
149
- @apply border-rsui-grey-400;
149
+ @apply border-border-primary;
150
150
  }
151
151
 
152
152
  &__header {
@@ -158,7 +158,7 @@ function handleMoreActionsClick() {
158
158
  }
159
159
 
160
160
  &__avatar {
161
- @apply size-14 rounded-full overflow-hidden flex items-center justify-center bg-rsui-grey-50;
161
+ @apply size-14 rounded-full overflow-hidden flex items-center justify-center bg-background-secondary;
162
162
  @apply mt-2.5 md:mt-0;
163
163
  }
164
164
 
@@ -172,7 +172,7 @@ function handleMoreActionsClick() {
172
172
  }
173
173
 
174
174
  &__title {
175
- @apply text-lg leading-7 font-semibold text-rsui-grey-900;
175
+ @apply text-lg leading-7 font-semibold text-text-primary;
176
176
 
177
177
  &--single-line {
178
178
  @apply line-clamp-2 md:line-clamp-1;
@@ -180,7 +180,7 @@ function handleMoreActionsClick() {
180
180
  }
181
181
 
182
182
  &__subtitle {
183
- @apply text-sm leading-5 text-rsui-grey-700;
183
+ @apply text-sm leading-5 text-text-secondary;
184
184
 
185
185
  &--single-line {
186
186
  @apply line-clamp-3 md:line-clamp-1;
@@ -200,7 +200,7 @@ function handleMoreActionsClick() {
200
200
  }
201
201
 
202
202
  &__more-actions-icon {
203
- @apply size-5 text-rsui-grey-400;
203
+ @apply size-5 text-text-secondary;
204
204
  }
205
205
  }
206
206
  </style>
package/src/components/Layouts/PageHeader.vue CHANGED
@@ -83,13 +83,13 @@ const showMetaModal = ref(false)
83
83
  @apply pr-2 flex flex-row items-center space-x-6;
84
84
 
85
85
  h1 {
86
- @apply text-3xl font-semibold text-rsui-grey-900;
86
+ @apply text-3xl font-semibold text-text-primary;
87
87
  @apply lg:mr-4;
88
88
  }
89
89
  }
90
90
 
91
91
  &__subtitle {
92
- @apply text-base text-rsui-grey-700 leading-relaxed;
92
+ @apply text-base text-text-secondary leading-relaxed;
93
93
  }
94
94
 
95
95
  &__status-actions {
package/src/components/Layouts/SectionHeader.vue CHANGED
@@ -128,11 +128,11 @@ function handleMoreActionsClick() {
128
128
  }
129
129
 
130
130
  &__title {
131
- @apply text-lg leading-7 font-semibold line-clamp-2 md:line-clamp-1;
131
+ @apply text-lg leading-7 font-semibold line-clamp-2 md:line-clamp-1 text-text-primary;
132
132
  }
133
133
 
134
134
  &__subtitle {
135
- @apply text-sm leading-5 line-clamp-3 md:line-clamp-1;
135
+ @apply text-sm leading-5 line-clamp-3 md:line-clamp-1 text-text-secondary;
136
136
  }
137
137
 
138
138
  &__toolbar {
@@ -148,7 +148,7 @@ function handleMoreActionsClick() {
148
148
  }
149
149
 
150
150
  &__more-actions-icon {
151
- @apply size-5 text-rsui-grey-400;
151
+ @apply size-5 text-text-secondary;
152
152
  }
153
153
  }
154
154
  </style>
package/src/components/MetaInfo/MetaInfo.vue CHANGED
@@ -43,16 +43,16 @@ const emit = defineEmits(['click'])
43
43
  @apply size-4;
44
44
  }
45
45
  &__label {
46
- @apply font-semibold text-sm text-rsui-grey-900 leading-4;
46
+ @apply font-semibold text-sm text-text-primary leading-4;
47
47
  }
48
48
  &__help {
49
- @apply text-rsui-grey-400 size-4 cursor-pointer;
49
+ @apply text-text-secondary size-4 cursor-pointer;
50
50
  svg {
51
51
  @apply size-full;
52
52
  }
53
53
  }
54
54
  &__value {
55
- @apply text-xs text-rsui-grey-700 leading-5;
55
+ @apply text-xs text-text-secondary leading-5;
56
56
  }
57
57
  }
58
58
  </style>