@spaced-out/ui-design-system 0.1.2 → 0.1.4

package/lib/components/Table/Table.module.css

@@ -21,10 +21,11 @@
 }
 
 .tableContainer {
+  --border-radius: borderRadiusMedium;
   composes: borderPrimary from '../../styles/border.module.css';
   width: sizeFluid;
   overflow-x: scroll;
-  border-radius: borderRadiusMedium;
+  border-radius: var(--border-radius);
 }
 
 .defaultTable {
@@ -33,7 +34,7 @@
   overflow-x: scroll;
   border-collapse: collapse;
   box-sizing: border-box;
-  border-radius: borderRadiusMedium;
+  border-radius: var(--border-radius);
   box-shadow: borderWidthNone borderWidthNone borderWidthNone borderWidthPrimary
     colorBorderPrimary;
   table-layout: fixed;
@@ -41,8 +42,8 @@
 }
 .defaultTableBody {
   flex-flow: column;
-  border-radius: borderRadiusNone borderRadiusNone borderRadiusMedium
-    borderRadiusMedium;
+  border-radius: borderRadiusNone borderRadiusNone var(--border-radius)
+    var(--border-radius);
   background: colorBackgroundTertiary;
 }
 
@@ -142,11 +143,11 @@
 }
 
 .defaultTable .defaultRow:last-child td:first-child {
-  border-bottom-left-radius: borderRadiusMedium;
+  border-bottom-left-radius: var(--border-radius);
 }
 
 .defaultTable .defaultRow:last-child td:last-child {
-  border-bottom-right-radius: borderRadiusMedium;
+  border-bottom-right-radius: var(--border-radius);
 }
 
 .defaultTable .defaultRow:last-child {
@@ -188,7 +189,7 @@ th:first-child {
 
 .defaultTableHead {
   flex-flow: column;
-  border-radius: borderRadiusMedium borderRadiusMedium borderRadiusNone
+  border-radius: var(--border-radius) var(--border-radius) borderRadiusNone
     borderRadiusNone;
   composes: borderBottomPrimary from '../../styles/border.module.css';
   padding: spaceSmall;
@@ -197,7 +198,7 @@ th:first-child {
 .defaultHeaderRow {
   box-sizing: border-box;
   background: colorBackgroundPrimary;
-  border-radius: borderRadiusMedium borderRadiusMedium borderRadiusNone
+  border-radius: var(--border-radius) var(--border-radius) borderRadiusNone
     borderRadiusNone;
 }
 
@@ -227,11 +228,11 @@ th:first-child {
 }
 
 .defaultHeaderCell:first-child {
-  border-top-left-radius: borderRadiusMedium;
+  border-top-left-radius: var(--border-radius);
 }
 
 .defaultHeaderCell:last-child {
-  border-top-right-radius: borderRadiusMedium;
+  border-top-right-radius: var(--border-radius);
 }
 
 .defaultHeaderCell:not(.selectedHeader):hover {

package/lib/components/Table/TableHeader.js

@@ -55,7 +55,6 @@ const SortIcon = _ref => {
 };
 function DefaultTableHeader(props) {
   const {
-    tableHeaderClassName,
     className,
     sortable = false,
     columns,
@@ -129,7 +128,7 @@ function DefaultTableHeader(props) {
     }, filterIcon))));
   }));
   return /*#__PURE__*/React.createElement(BasicTableHead, {
-    className: (0, _classify.default)(_TableModule.default.tableHeaderSortable, tableHeaderClassName, className)
+    className: (0, _classify.default)(_TableModule.default.tableHeaderSortable, className)
   }, /*#__PURE__*/React.createElement(_Row.BasicRow, {
     className: _TableModule.default.defaultHeaderRow
   }, handleCheckboxClick && /*#__PURE__*/React.createElement(BasicHeadCell, {

package/lib/components/Table/TableHeader.js.flow

@@ -104,7 +104,6 @@ export function DefaultTableHeader<T: GenericObject, U: GenericObject>(
   props: TableHeaderProps<T, U>,
 ): React.Node {
   const {
-    tableHeaderClassName,
     className,
     sortable = false,
     columns,
@@ -208,13 +207,7 @@ export function DefaultTableHeader<T: GenericObject, U: GenericObject>(
   );
 
   return (
-    <BasicTableHead
-      className={classify(
-        css.tableHeaderSortable,
-        tableHeaderClassName,
-        className,
-      )}
-    >
+    <BasicTableHead className={classify(css.tableHeaderSortable, className)}>
       <BasicRow className={css.defaultHeaderRow}>
         {handleCheckboxClick && (
           <BasicHeadCell scope="col">

package/lib/styles/typography.module.css

@@ -11,7 +11,8 @@
   colorTextDanger,
   colorTextInversePrimary,
   colorTextInverseSecondary,
-  colorInformationLightest
+  colorInformationLightest,
+  colorFocusPrimary
 ) from 'variables/_color.css';
 
 @value (
@@ -44,6 +45,8 @@
 
 @value (spaceXXSmall, spaceNone) from 'variables/_space.css';
 
+@value (borderWidthNone, borderWidthTertiary, borderRadiusXSmall) from 'variables/_border.css';
+
 .baseType {
   /* Design system uses this font */
   font-family: 'Centra No 2';
@@ -243,3 +246,23 @@
   background-color: colorInformationLightest;
   padding: spaceNone calc(spaceXXSmall / 4);
 }
+
+.link {
+  border-radius: calc(borderRadiusXSmall / 2);
+  cursor: pointer;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.link:focus {
+  outline: none;
+  box-shadow: borderWidthNone borderWidthNone borderWidthNone
+    borderWidthTertiary colorFocusPrimary;
+}
+
+.disabled {
+  pointer-events: none;
+  color: colorTextDisabled;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {