@appscode/design-system 2.4.12 → 2.4.14

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 (4) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/components/_button.scss +16 -0
  3. package/vue-components/v3/code-preview/CodeBlock.vue +1 -0
  4. package/vue-components/v3/table/Table.vue +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.4.12",
3
+ "version": "2.4.14",
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/_button.scss CHANGED
@@ -166,3 +166,19 @@ button.is-primary {
166
166
  }
167
167
  }
168
168
  }
169
+ .buttons.has-addons {
170
+ &.has-gap {
171
+ border: 1px solid #ddd;
172
+ padding: 4px;
173
+ display: inline-flex;
174
+ border-radius: 4px;
175
+ .button {
176
+ margin: 0;
177
+ border: none;
178
+ border-radius: 4px;
179
+ &:focus {
180
+ box-shadow: none;
181
+ }
182
+ }
183
+ }
184
+ }
package/vue-components/v3/code-preview/CodeBlock.vue CHANGED
@@ -33,6 +33,7 @@ const { copy, copied } = useClipboard({ source, legacy: true });
33
33
  :icon-class="copied ? 'check' : 'copy'"
34
34
  @click="copy()"
35
35
  />
36
+ <slot name="custom-button" />
36
37
  </div>
37
38
  </div>
38
39
  </template>
package/vue-components/v3/table/Table.vue CHANGED
@@ -14,6 +14,7 @@ interface Props {
14
14
  columnStriped?: boolean;
15
15
  modifierClass?: string;
16
16
  isCustom?: boolean;
17
+ tableClass?: string;
17
18
  }
18
19
 
19
20
  const props = withDefaults(defineProps<Props>(), {
@@ -28,6 +29,7 @@ const props = withDefaults(defineProps<Props>(), {
28
29
  columnStriped: false,
29
30
  modifierClass: "",
30
31
  isCustom: false,
32
+ tableClass: "",
31
33
  });
32
34
 
33
35
  const emit = defineEmits(["sort", "scroller"]);
@@ -135,11 +137,12 @@ onUpdated(() => {
135
137
  <table
136
138
  ref="ac_table"
137
139
  class="table ac-table is-bordered"
138
- :class="{
139
- 'is-fullwidth': !isDynamicWidthTable || isFullTableLoaderActive || isTableEmpty || isLoaderActive,
140
+ :class="[
141
+ !isDynamicWidthTable || isFullTableLoaderActive || isTableEmpty || isLoaderActive ? 'is-fullwidth' : '',
142
+ tableClass,
140
143
  // 'ac-striped': !columnStriped,
141
144
  // 'is-bordered': columnStriped,
142
- }"
145
+ ]"
143
146
  >
144
147
  <thead>
145
148
  <table-row v-if="isFullTableLoaderActive">