imbric-theme 0.1.2 → 0.1.4

package/molecules/RowTable/RowTable.module.css

@@ -0,0 +1,63 @@
+.table {
+  width: 100%;
+  table-layout: fixed;
+
+}
+
+.tr {
+  /* border: 1px solid rgba(0, 0, 0, 0.1); */
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.tbl-content {
+  height: max-content;
+  overflow-x: auto;
+  margin-top: 0px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.td {
+  padding: 6px 0px 6px 15px;
+  text-align: left;
+  vertical-align: middle;
+  font-weight: 300;
+  font-size: 12px;
+  color: var(--color-font-base);
+  /* border-bottom: solid 1px rgba(0, 0, 0, 0.1); */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  /* white-space: nowrap; */
+  max-width: 500px;
+}
+
+.td:last-child {
+  padding-right: 15px;
+}
+
+.tdacction {
+  max-width: 80px;
+  min-width: 80px;
+  width: 80px;
+}
+
+.tdacctionIcons {
+  text-align: right;
+  inline-size: max-content;
+  display: inline-flex;
+  /* width: max-content;
+  inline-size: max-content;
+  height: max-content;
+  block-size: max-content;
+  display: block;
+  float: right;
+  min-width: 100% */
+}
+
+.tr-content:hover {
+  background-color: #edf1fe;
+  cursor: pointer;
+}
+
+.tdlabelAlt {
+  font-weight: bold;
+}

package/molecules/RowTable/RowTable.stories.js

@@ -0,0 +1,26 @@
+import { RowTable, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(RowTable, styles)
+const ListTemplate = getListTemplate(RowTable, styles)
+
+export default {
+  title: 'Molecules/RowTable',
+  component: RowTable,
+  args: {
+    slice: options.bookings,
+    columnsData: options.columns,
+  },
+  argTypes: {
+    // types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }