@appscode/design-system 2.17.56 → 2.17.57

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 (7) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/components/_tabs.scss +1 -0
  3. package/vue-components/v3/form-fields/AcInput.vue +1 -1
  4. package/vue-components/v3/form-fields/AcSelect.vue +2 -2
  5. package/vue-components/v3/form-fields/AcTextArea.vue +2 -2
  6. package/vue-components/v3/form-fields/Switch.vue +1 -1
  7. package/vue-components/v3/inbox/MessageList.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.17.56",
3
+ "version": "2.17.57",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/styles/components/_tabs.scss CHANGED
@@ -331,6 +331,7 @@
331
331
  a {
332
332
  border-bottom-color: $ac-primary;
333
333
  color: $ac-primary;
334
+ border-bottom-width: 2px;
334
335
  }
335
336
  }
336
337
  }
package/vue-components/v3/form-fields/AcInput.vue CHANGED
@@ -101,7 +101,7 @@ onMounted(() => {
101
101
  </template>
102
102
  <div class="is-flex is-flex-direction-column">
103
103
  <div v-if="htmlErrorMsg" class="invalid-error is-danger" v-html="errorMsg" />
104
- <p v-else-if="errorMsg" class="is-danger">{{ errorMsg }}</p>
104
+ <p v-else-if="errorMsg" class="is-danger is-italic">{{ errorMsg }}</p>
105
105
  <slot name="message" />
106
106
  </div>
107
107
  </ac-input-text>
package/vue-components/v3/form-fields/AcSelect.vue CHANGED
@@ -172,8 +172,8 @@ const onSelect = (selectedOption: unknown, id: string) => emit("select", selecte
172
172
  <slot name="option" v-bind="props" />
173
173
  </template>
174
174
  </multiselect>
175
- <div v-if="htmlErrorMsg" class="invalid-error is-danger" v-html="errorMsg" />
176
- <p v-else v-show="errorMsg" class="is-danger">
175
+ <div v-if="htmlErrorMsg" class="invalid-error is-danger is-italic" v-html="errorMsg" />
176
+ <p v-else v-show="errorMsg" class="is-danger is-italic">
177
177
  {{ errorMsg }}
178
178
  </p>
179
179
  </div>
package/vue-components/v3/form-fields/AcTextArea.vue CHANGED
@@ -82,8 +82,8 @@ watch(
82
82
  @focusout="onFocusOutInput"
83
83
  />
84
84
  <div class="is-flex is-flex-direction-column">
85
- <div v-if="htmlErrorMsg" class="invalid-error" v-html="errorMsg" />
86
- <p v-else-if="errorMsg" class="is-danger">{{ errorMsg }}</p>
85
+ <div v-if="htmlErrorMsg" class="invalid-error is-danger is-italic" v-html="errorMsg" />
86
+ <p v-else-if="errorMsg" class="is-danger is-italic">{{ errorMsg }}</p>
87
87
  <slot name="message" />
88
88
  </div>
89
89
  </AcInputText>
package/vue-components/v3/form-fields/Switch.vue CHANGED
@@ -33,7 +33,7 @@ const model = defineModel({ type: Boolean });
33
33
  <span class="slider round"></span>
34
34
  </label>
35
35
 
36
- <p v-show="errorMsg" class="is-danger">
36
+ <p v-show="errorMsg" class="is-danger is-italic">
37
37
  {{ errorMsg }}
38
38
  </p>
39
39
  </div>
package/vue-components/v3/inbox/MessageList.vue CHANGED
@@ -21,7 +21,7 @@ const Searchbar = defineAsyncComponent(() => import("../form-fields/Searchbar.vu
21
21
  <div class="is-flex is-justify-content-space-between">
22
22
  <div class="is-flex gap-8 dropdown-action dropdown">
23
23
  <label class="ac-checkbox" for="checkbox16">
24
- <input class="is-danger" id="checkbox16" type="checkbox" /><span class="checkmark"></span>
24
+ <input class="is-danger is-italic" id="checkbox16" type="checkbox" /><span class="checkmark"></span>
25
25
  </label>
26
26
  <button class="button ac-button is-white is-small" title="Filter">
27
27
  <span class="icon">