@smwb/ui-styles 1.0.0

package/less/components/typography/typography.less

@@ -0,0 +1,86 @@
+.smwb-typography {
+  margin: 0;
+  font-family: @smui-font-family;
+  color: var(--smui-onSurfaceColor);
+
+  .smui-type(@v) {
+    @s: ~"smui-font-@{v}-size";
+    @w: ~"smui-font-@{v}-weight";
+    @l: ~"smui-font-@{v}-lh";
+    &_@{v} {
+      font-size: @@s;
+      font-weight: @@w;
+      line-height: @@l;
+    }
+  }
+  .smui-type(h1);
+  .smui-type(h2);
+  .smui-type(h3);
+  .smui-type(h4);
+  .smui-type(h5);
+  .smui-type(h6);
+  .smui-type(subtitle1);
+  .smui-type(subtitle2);
+  .smui-type(body1);
+  .smui-type(body2);
+  .smui-type(caption);
+  .smui-type(overline);
+  .smui-type(button);
+
+  &_overline,
+  &_button {
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+
+  &_color-primary {
+    color: var(--smui-primaryColor);
+  }
+  &_color-secondary {
+    color: var(--smui-secondaryColor);
+  }
+  &_color-error {
+    color: var(--smui-errorColor);
+  }
+  &_color-success {
+    color: var(--smui-successColor);
+  }
+  &_color-warning {
+    color: var(--smui-warningColor);
+  }
+  &_color-info {
+    color: var(--smui-infoColor);
+  }
+  &_color-textPrimary {
+    color: var(--smui-primaryTextColor);
+  }
+  &_color-textSecondary {
+    color: var(--smui-onSurfaceVariant);
+  }
+  &_color-disabled {
+    color: var(--smui-disabledTextColor);
+  }
+
+  &_align-left {
+    text-align: left;
+  }
+  &_align-center {
+    text-align: center;
+  }
+  &_align-right {
+    text-align: right;
+  }
+  &_align-justify {
+    text-align: justify;
+  }
+
+  &_gutter {
+    margin-bottom: 0.35em;
+  }
+
+  &_nowrap {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/less/components.less

@@ -0,0 +1,59 @@
+@import "./foundation.less";
+@import "./components/appBar/appBar.less";
+@import "./components/button/button.less";
+@import "./components/checkbox/checkbox.less";
+@import "./components/chip/chip.less";
+@import "./components/floatingButton/floatingButton.less";
+@import "./components/fileDrop/fileDrop.less";
+@import "./components/fileInput/fileInput.less";
+@import "./components/modal/modal.less";
+@import "./components/progressIndicator/progressIndicator.less";
+@import "./components/radioButton/radioButton.less";
+@import "./components/sidebar/sidebar.less";
+@import "./components/bottomBar/bottomBar.less";
+@import "./components/snackbar/snackbar.less";
+@import "./components/textField/textField.less";
+@import "./components/toggle/toggle.less";
+@import "./components/menu/menu.less";
+@import "./components/tabs/tabs.less";
+@import "./components/tabs/tab/tab.less";
+@import "./components/slider/slider.less";
+@import "./components/selectField/selectField.less";
+@import "./components/ripple/ripple.less";
+@import "./components/list/list.less";
+@import "./components/imagesList/imagesList.less";
+@import "./components/imagesList/imagesListItem/imagesListItem.less";
+@import "./components/grid/grid.less";
+@import "./components/tooltip/tooltip.less";
+@import "./components/sheet/sheet.less";
+@import "./components/badge/badge.less";
+@import "./components/card/card.less";
+@import "./components/carousel/carousel.less";
+@import "./components/accordion/accordion.less";
+@import "./components/expansionPanel/expansionPanel.less";
+@import "./components/chat/chat.less";
+@import "./components/table/table.less";
+@import "./components/table/tablePagination/tablePagination.less";
+@import "./components/icon/icon.less";
+@import "./components/screenDivider/screenDivider.less";
+@import "./components/datePicker/dataPicker.less";
+@import "./components/timePicker/timePicker.less";
+@import "./components/treeView/treeView.less";
+@import "./components/message/message.less";
+@import "./components/buttonGroup/buttonGroup.less";
+@import "./components/avatar/avatar.less";
+@import "./components/breadcrumbs/breadcrumbs.less";
+@import "./components/divider/divider.less";
+@import "./components/pagination/pagination.less";
+@import "./components/rating/rating.less";
+@import "./components/skeleton/skeleton.less";
+@import "./components/stepper/stepper.less";
+@import "./components/typography/typography.less";
+@import "./components/stack/stack.less";
+@import "./components/page/page.less";
+@import "./components/pageHeader/pageHeader.less";
+@import "./components/appLayout/appLayout.less";
+@import "./responsive.less";
+@import "./connects.less";
+@import "./templates.less";
+@import "./theme.less";

package/less/connects/rt/table.less

@@ -0,0 +1,26 @@
+.smwb-rt-table--resizer {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  background: rgba(0, 0, 0, 0.5);
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+}
+
+.smwb-rt-table--resizer.smwb-rt-table--isResizing {
+  background: blue;
+  opacity: 1;
+}
+
+@media (hover: hover) {
+  .smwb-rt-table--resizer {
+    opacity: 0.5;
+  }
+
+  *:hover > .smwb-rt-table--resizer {
+    opacity: 1;
+  }
+}

package/less/connects.less

@@ -0,0 +1 @@
+@import "./connects/rt/table.less";