playbook_ui 7.14.0.pre.alpha1 → 7.14.0

data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.md

@@ -1,5 +0,0 @@
-##### Prop
-
-* `reverse` | **Type**: Boolean 
-
-- When set to `true` this prop will reverse the order of items in the flex container.

data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.md

@@ -1,7 +0,0 @@
-##### Prop
-
-*ATTENTION* - the spacing prop will be deprecated & renamed in the future. 
-
-* **Deprecated Prop**: `spacing` | **Type**: String | **Values**: none | around | evenly | between 
-
-* **New Prop**: `justify` | **Type**: String | **Values**: none | around | evenly | between

data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.md

@@ -1,5 +0,0 @@
-##### Prop
-
-* `wrap` | **Type**: Boolean 
-
-- When set to `true` this prop will move the next item in flex container to a new line if there is no more room.

data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss

@@ -1,135 +0,0 @@
-@import "../../tokens/border_radius";
-@import "../../pb_caption/caption_mixin";
-
-@media only screen and (max-width: $screen-xl-min) {
-  [class^=pb_table] {
-    &.table-sm.table-collapse-lg,
-    &.table-md.table-collapse-lg,
-    &.table-lg.table-collapse-lg {
-      width: 100%;
-      background: none !important;
-
-      thead {
-        tr {
-          left: -9999px;
-          position: absolute;
-          top: -9999px;
-
-          th {
-            display: block;
-            visibility: visible;
-          }
-        }
-      }
-      tbody {
-        tr {
-          td {
-            display: block;
-            visibility: visible;
-            border-left-width: 1px !important;
-            border-right-width: 1px !important;
-            border-bottom-width: 0 !important;
-            border-color: $border_light !important;
-            min-height: 2.2em;
-            position: relative;
-            text-align:left;
-            white-space: normal;
-            &:before {
-              content: attr(data-title);
-              @include caption;
-              width: 100% !important;
-              white-space: nowrap !important;
-              text-overflow: ellipsis !important;
-              position: relative !important;
-              top: 0 !important;
-              left: 0 !important;
-              height: 100% !important;
-              padding-left: 0 !important;
-              display: block !important;
-            }
-
-            &:first-child {
-              margin-top: $space_md !important;
-              border-top-width: 1px !important;
-              border-top-color: $border_light !important;
-              border-radius: $border_rad_light $border_rad_light 0 0;
-            }
-
-            &:last-child {
-              border-radius: 0 0 $border_rad_light $border_rad_light;
-              border-bottom-width: 1px !important;
-            }
-          }
-
-          &:first-child {
-            td {
-              &:first-child {
-                margin-top: $space-xs !important;
-              }
-            }
-          }
-        }
-      }
-      &.table-card {
-        background: none !important;
-
-        tbody {
-          tr {
-            td {
-              background: $white !important;
-              border-left-width: 1px !important;
-              border-right-width: 1px !important;
-              border-top-width: 1px !important;
-
-              &:first-child {
-                border-radius: $border_rad_light $border_rad_light 0 0 !important;
-              }
-              &:last-child {
-                border-radius: 0 0 $border_rad_light $border_rad_light !important;
-              }
-            }
-          }
-        }
-      }
-      @media (hover:hover) {
-        &:hover {
-          tbody {
-            tr {
-              box-shadow: 0 0 0 $white !important;
-            }
-          }
-        }
-      }
-      // reset the first and last to normalize
-      @each $name, $value in $cell-pad-list {
-        &.#{$name} {
-          tbody {
-            tr {
-              td {
-                &:first-child,
-                &:last-child {
-                  padding: $value $cell-gutter !important;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  &.hide-labels {
-    tbody {
-      tr {
-        td {
-          &::before {
-            content: '';
-            left: 0;
-            padding-right: 0;
-            position: relative;
-            width: 0;
-          }
-        }
-      }
-    }
-  }
-}

data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss

@@ -1,135 +0,0 @@
-@import "../../tokens/border_radius";
-@import "../../pb_caption/caption_mixin";
-
-@media only screen and (max-width: $screen-xs-max) {
-  [class^=pb_table] {
-    &.table-sm.table-collapse-sm,
-    &.table-md.table-collapse-sm,
-    &.table-lg.table-collapse-sm {
-      width: 100%;
-      background: none !important;
-
-      thead {
-        tr {
-          left: -9999px;
-          position: absolute;
-          top: -9999px;
-
-          th {
-            display: block;
-            visibility: visible;
-          }
-        }
-      }
-      tbody {
-        tr {
-          td {
-            display: block;
-            visibility: visible;
-            border-left-width: 1px !important;
-            border-right-width: 1px !important;
-            border-bottom-width: 0 !important;
-            border-color: $border_light !important;
-            min-height: 2.2em;
-            position: relative;
-            text-align:left;
-            white-space: normal;
-            &:before {
-              content: attr(data-title);
-              @include caption;
-              width: 100% !important;
-              white-space: nowrap !important;
-              text-overflow: ellipsis !important;
-              position: relative !important;
-              top: 0 !important;
-              left: 0 !important;
-              height: 100% !important;
-              padding-left: 0 !important;
-              display: block !important;
-            }
-
-            &:first-child {
-              margin-top: $space_md !important;
-              border-top-width: 1px !important;
-              border-top-color: $border_light !important;
-              border-radius: $border_rad_light $border_rad_light 0 0;
-            }
-
-            &:last-child {
-              border-radius: 0 0 $border_rad_light $border_rad_light;
-              border-bottom-width: 1px !important;
-            }
-          }
-
-          &:first-child {
-            td {
-              &:first-child {
-                margin-top: $space-xs !important;
-              }
-            }
-          }
-        }
-      }
-      &.table-card {
-        background: none !important;
-
-        tbody {
-          tr {
-            td {
-              background: $white !important;
-              border-left-width: 1px !important;
-              border-right-width: 1px !important;
-              border-top-width: 1px !important;
-
-              &:first-child {
-                border-radius: $border_rad_light $border_rad_light 0 0 !important;
-              }
-              &:last-child {
-                border-radius: 0 0 $border_rad_light $border_rad_light !important;
-              }
-            }
-          }
-        }
-      }
-      @media (hover:hover) {
-        &:hover {
-          tbody {
-            tr {
-              box-shadow: 0 0 0 $white !important;
-            }
-          }
-        }
-      }
-      // reset the first and last to normalize
-      @each $name, $value in $cell-pad-list {
-        &.#{$name} {
-          tbody {
-            tr {
-              td {
-                &:first-child,
-                &:last-child {
-                  padding: $value $cell-gutter !important;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  &.hide-labels {
-    tbody {
-      tr {
-        td {
-          &::before {
-            content: '';
-            left: 0;
-            padding-right: 0;
-            position: relative;
-            width: 0;
-          }
-        }
-      }
-    }
-  }
-}

data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss

@@ -1,135 +0,0 @@
-@import "../../tokens/border_radius";
-@import "../../pb_caption/caption_mixin";
-
-@media only screen and (max-width: $screen-lg-min) {
-  [class^=pb_table] {
-    &.table-sm.table-collapse-md,
-    &.table-md.table-collapse-md,
-    &.table-lg.table-collapse-md {
-      width: 100%;
-      background: none !important;
-
-      thead {
-        tr {
-          left: -9999px;
-          position: absolute;
-          top: -9999px;
-
-          th {
-            display: block;
-            visibility: visible;
-          }
-        }
-      }
-      tbody {
-        tr {
-          td {
-            display: block;
-            visibility: visible;
-            border-left-width: 1px !important;
-            border-right-width: 1px !important;
-            border-bottom-width: 0 !important;
-            border-color: $border_light !important;
-            min-height: 2.2em;
-            position: relative;
-            text-align:left;
-            white-space: normal;
-            &:before {
-              content: attr(data-title);
-              @include caption;
-              width: 100% !important;
-              white-space: nowrap !important;
-              text-overflow: ellipsis !important;
-              position: relative !important;
-              top: 0 !important;
-              left: 0 !important;
-              height: 100% !important;
-              padding-left: 0 !important;
-              display: block !important;
-            }
-
-            &:first-child {
-              margin-top: $space_md !important;
-              border-top-width: 1px !important;
-              border-top-color: $border_light !important;
-              border-radius: $border_rad_light $border_rad_light 0 0;
-            }
-
-            &:last-child {
-              border-radius: 0 0 $border_rad_light $border_rad_light;
-              border-bottom-width: 1px !important;
-            }
-          }
-
-          &:first-child {
-            td {
-              &:first-child {
-                margin-top: $space-xs !important;
-              }
-            }
-          }
-        }
-      }
-      &.table-card {
-        background: none !important;
-
-        tbody {
-          tr {
-            td {
-              background: $white !important;
-              border-left-width: 1px !important;
-              border-right-width: 1px !important;
-              border-top-width: 1px !important;
-
-              &:first-child {
-                border-radius: $border_rad_light $border_rad_light 0 0 !important;
-              }
-              &:last-child {
-                border-radius: 0 0 $border_rad_light $border_rad_light !important;
-              }
-            }
-          }
-        }
-      }
-      @media (hover:hover) {
-        &:hover {
-          tbody {
-            tr {
-              box-shadow: 0 0 0 $white !important;
-            }
-          }
-        }
-      }
-      // reset the first and last to normalize
-      @each $name, $value in $cell-pad-list {
-        &.#{$name} {
-          tbody {
-            tr {
-              td {
-                &:first-child,
-                &:last-child {
-                  padding: $value $cell-gutter !important;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  &.hide-labels {
-    tbody {
-      tr {
-        td {
-          &::before {
-            content: '';
-            left: 0;
-            padding-right: 0;
-            position: relative;
-            width: 0;
-          }
-        }
-      }
-    }
-  }
-}