@appscode/design-system 1.0.43-alpha.211 → 1.0.43-alpha.212

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.
@@ -27,5 +27,8 @@
27
27
  &.is-danger {
28
28
  @include ac-tags($ac-danger);
29
29
  }
30
+ &.is-dark {
31
+ @include ac-tags($ac-gray-dark);
32
+ }
30
33
  }
31
34
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.211",
3
+ "version": "1.0.43-alpha.212",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -2,13 +2,15 @@
2
2
  <table-container ref="ac-table-container" @scroller="handleScroller">
3
3
  <table
4
4
  ref="ac-table"
5
- class="table ac-table ac-striped"
5
+ class="table ac-table"
6
6
  :class="{
7
7
  'is-fullwidth':
8
8
  !isDynamicWidthTable ||
9
9
  isFullTableLoaderActive ||
10
10
  isTableEmpty ||
11
11
  isLoaderActive,
12
+ 'ac-striped': !columnStriped,
13
+ 'ac-label-texted': columnStriped,
12
14
  }"
13
15
  >
14
16
  <thead>
@@ -144,6 +146,10 @@ export default defineComponent({
144
146
  type: Number,
145
147
  default: 1920,
146
148
  },
149
+ columnStriped: {
150
+ type: Boolean,
151
+ default: false,
152
+ },
147
153
  },
148
154
  emits: ["sort", "scroller"],
149
155
  components: {
@@ -40,7 +40,7 @@
40
40
  <table-cell v-if="collapsible">
41
41
  <collapsible-button
42
42
  @click.stop="toggleCollapse"
43
- modifier-classes="is-square is-tinny is-light"
43
+ modifier-classes="is-square is-light height-20 width-20 is-rounded is-size-7"
44
44
  :icon-class="isCollapsed ? 'chevron-right' : 'chevron-down'"
45
45
  />
46
46
  </table-cell>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="tag is-rounded" :class="modifierClasses">
2
+ <div class="tag" :class="modifierClasses">
3
3
  <slot />
4
4
  </div>
5
5
  </template>