@alfalab/core-components-table 4.0.3 → 4.0.4-alfasans

package/components/pagination/index.css

@@ -14,7 +14,7 @@
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
 }
-.table__component_1mixz {
+.table__component_12582 {
     position: sticky;
     left: var(--gap-0);
     display: flex;
@@ -25,27 +25,27 @@
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
 }
-.table__pagesWrapper_1mixz {
+.table__pagesWrapper_12582 {
     display: flex;
 }
-.table__tag_1mixz.table__tag_1mixz {
+.table__tag_12582.table__tag_12582 {
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
     min-width: 32px;
 }
-.table__tag_1mixz.table__tag_1mixz:last-child {
+.table__tag_12582.table__tag_12582:last-child {
         margin-right: var(--gap-0);
     }
-.table__tag_1mixz.table__tag_1mixz.table__tagActive_1mixz {
+.table__tag_12582.table__tag_12582.table__tagActive_12582 {
         cursor: default;
     }
-.table__pagination_1mixz {
+.table__pagination_12582 {
     margin-left: auto;
 }
-.table__menu_1mixz {
+.table__menu_12582 {
     margin: var(--gap-4) var(--gap-0);
 }
-.table__option_1mixz {
+.table__option_12582 {
     min-width: 208px;
 }

package/components/pagination/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1mixz","pagination":"table__pagination_1mixz","menu":"table__menu_1mixz","option":"table__option_1mixz"};
+var styles = {"component":"table__component_12582","pagination":"table__pagination_12582","menu":"table__menu_12582","option":"table__option_12582"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/pagination/select-field/index.css

@@ -1,11 +1,11 @@
 :root {
     --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
 }
-.table__field_1qav0 svg {
+.table__field_1ly63 svg {
         width: 18px;
         height: 18px;
     }
-.table__open_1qav0,
-.table__open_1qav0:hover {
+.table__open_1ly63,
+.table__open_1ly63:hover {
     background-color: var(--color-light-neutral-translucent-200-hover);
 }

package/components/pagination/select-field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"field":"table__field_1qav0","open":"table__open_1qav0"};
+var styles = {"field":"table__field_1ly63","open":"table__open_1ly63"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/table/index.css

@@ -13,27 +13,27 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.table__component_2u8yp {
+.table__component_l8no7 {
     box-sizing: border-box;
 }
-.table__wrapper_2u8yp {
+.table__wrapper_l8no7 {
     padding: var(--gap-0) var(--gap-16) var(--gap-16);
     background: var(--color-light-base-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-8);
     overflow: auto;
 }
-.table__stickyHeader_2u8yp {
+.table__stickyHeader_l8no7 {
     max-height: 100%;
 }
-.table__hasPagination_2u8yp {
+.table__hasPagination_l8no7 {
     padding-bottom: var(--gap-0);
 }
-.table__table_2u8yp {
+.table__table_l8no7 {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
 }
-.table__table_2u8yp td:first-child label > *[class^='box'], .table__table_2u8yp th:first-child label > *[class^='box'] {
+.table__table_l8no7 td:first-child label > *[class^='box'], .table__table_l8no7 th:first-child label > *[class^='box'] {
             margin-top: var(--gap-0);
         }

package/components/table/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_2u8yp","wrapper":"table__wrapper_2u8yp","stickyHeader":"table__stickyHeader_2u8yp","hasPagination":"table__hasPagination_2u8yp","table":"table__table_2u8yp"};
+var styles = {"component":"table__component_l8no7","wrapper":"table__wrapper_l8no7","stickyHeader":"table__stickyHeader_l8no7","hasPagination":"table__hasPagination_l8no7","table":"table__table_l8no7"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_1uc7z {
+.table__component_13430 {
     width: 100%;
     box-sizing: border-box;
 }

package/components/tbody/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1uc7z"};
+var styles = {"component":"table__component_13430"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tcell/index.css

@@ -14,14 +14,16 @@
     --gap-24: var(--gap-xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.table__component_1tcws {
+.table__component_x5rlv {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+    font-family: var(--font-family-alfasans);
 
     color: var(--color-light-text-primary);
     padding: var(--gap-24) var(--gap-12);
@@ -30,17 +32,17 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__component_1tcws:first-child {
+.table__component_x5rlv:first-child {
         padding-left: var(--gap-16);
     }
-.table__component_1tcws:last-child {
+.table__component_x5rlv:last-child {
         padding-right: var(--gap-16);
     }
-.table__compactHorizontal_1tcws {
+.table__compactHorizontal_x5rlv {
     padding-left: var(--gap-6);
     padding-right: var(--gap-6);
 }
-.table__compact_1tcws {
+.table__compact_x5rlv {
     padding-top: var(--gap-8);
     padding-bottom: var(--gap-8);
 

package/components/tcell/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1tcws","compactHorizontal":"table__compactHorizontal_1tcws","compact":"table__compact_1tcws"};
+var styles = {"component":"table__component_x5rlv","compactHorizontal":"table__compactHorizontal_x5rlv","compact":"table__compact_x5rlv"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/texpandable-row/index.css

@@ -1,16 +1,16 @@
 :root {
     --gap-0: 0px;
 }
-.table__row_1rpxu {
+.table__row_z52ur {
     cursor: pointer;
 }
-.table__selected_1rpxu.table__expanded_1rpxu {
+.table__selected_z52ur.table__expanded_z52ur {
     background-color: inherit;
 }
-.table__expanded_1rpxu:hover {
+.table__expanded_z52ur:hover {
         background-color: inherit;
     }
-.table__expandable_1rpxu td {
+.table__expandable_z52ur td {
         margin: var(--gap-0);
         padding-top: var(--gap-0);
         padding-bottom: var(--gap-0);

package/components/texpandable-row/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"row":"table__row_1rpxu","selected":"table__selected_1rpxu","expanded":"table__expanded_1rpxu","expandable":"table__expandable_1rpxu"};
+var styles = {"row":"table__row_z52ur","selected":"table__selected_z52ur","expanded":"table__expanded_z52ur","expandable":"table__expandable_z52ur"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/thead/index.css

@@ -6,12 +6,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.table__component_eitlk {
+.table__component_7ocsa {
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }
-.table__component_eitlk th:not(:last-child):not(:empty):after {
+.table__component_7ocsa th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -23,12 +23,12 @@
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);
     }
-.table__component_eitlk th:after {
+.table__component_7ocsa th:after {
         opacity: 0;
     }
-.table__component_eitlk:hover th:after {
+.table__component_7ocsa:hover th:after {
         opacity: 1;
     }
-.table__row_eitlk {
+.table__row_7ocsa {
     height: 72px;
 }

package/components/thead/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_eitlk","row":"table__row_eitlk"};
+var styles = {"component":"table__component_7ocsa","row":"table__row_7ocsa"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/thead-cell/index.css

@@ -16,16 +16,17 @@
     --gap-32: var(--gap-2xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.table__component_1diqw {
+.table__component_97qas {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
 
     line-height: 20px;
     text-align: left;
@@ -36,29 +37,29 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__component_1diqw:first-child {
+.table__component_97qas:first-child {
         padding-left: var(--gap-16);
     }
-.table__component_1diqw:last-child {
+.table__component_97qas:last-child {
         padding-right: var(--gap-16);
     }
-.table__component_1diqw:not(.table__stickyHeader_1diqw) {
+.table__component_97qas:not(.table__stickyHeader_97qas) {
         position: relative;
     }
-.table__sortable_1diqw {
+.table__sortable_97qas {
     cursor: pointer;
 }
-.table__sorted_1diqw {
+.table__sorted_97qas {
     color: var(--color-light-text-primary);
 }
-.table__stickyHeader_1diqw {
+.table__stickyHeader_97qas {
     top: var(--gap-0);
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
 }
-.table__compactHorizontal_1diqw {
+.table__compactHorizontal_97qas {
     padding-left: var(--gap-6);
     padding-right: var(--gap-6);
 }

package/components/thead-cell/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1diqw","stickyHeader":"table__stickyHeader_1diqw","compactHorizontal":"table__compactHorizontal_1diqw"};
+var styles = {"component":"table__component_97qas","stickyHeader":"table__stickyHeader_97qas","compactHorizontal":"table__compactHorizontal_97qas"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/trow/index.css

@@ -5,28 +5,28 @@
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
-.table__component_1gf66 {
+.table__component_1hdtn {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-base-bg-primary);
 }
-.table__component_1gf66:first-child td {
+.table__component_1hdtn:first-child td {
         border-top: 0;
     }
-.table__withoutBorder_1gf66 td {
+.table__withoutBorder_1hdtn td {
         border: none;
     }
-.table__clickable_1gf66 {
+.table__clickable_1hdtn {
     cursor: pointer;
 }
-.table__clickable_1gf66:hover {
+.table__clickable_1hdtn:hover {
         background-color: var(--color-light-base-bg-secondary);
     }
-.table__selected_1gf66 {
+.table__selected_1hdtn {
     background-color: #f2f8ff;
 }
-.table__selected_1gf66:hover {
+.table__selected_1hdtn:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/components/trow/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"table__component_1gf66","withoutBorder":"table__withoutBorder_1gf66","clickable":"table__clickable_1gf66","selected":"table__selected_1gf66"};
+var styles = {"component":"table__component_1hdtn","withoutBorder":"table__withoutBorder_1hdtn","clickable":"table__clickable_1hdtn","selected":"table__selected_1hdtn"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tsortable-head-cell/index.css

@@ -8,11 +8,11 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.table__content_1vvay {
+.table__content_1879y {
     display: flex;
     align-items: flex-start;
 }
-.table__icon_1vvay {
+.table__icon_1879y {
     cursor: pointer;
     margin-left: var(--gap-8);
     margin-top: 1px;
@@ -20,19 +20,19 @@
     transition: color 0.2s ease;
     flex-shrink: 0;
 }
-.table__icon_1vvay:hover {
+.table__icon_1879y:hover {
         color: var(--color-light-neutral-translucent-1300);
     }
-.table__reverse_1vvay {
+.table__reverse_1879y {
     flex-direction: row-reverse;
 }
-.table__reverse_1vvay .table__icon_1vvay {
+.table__reverse_1879y .table__icon_1879y {
         margin-left: var(--gap-0);
         margin-right: var(--gap-8);
     }
-.table__sorted_1vvay {
+.table__sorted_1879y {
     color: var(--color-light-status-info);
 }
-.table__sorted_1vvay:hover {
+.table__sorted_1879y:hover {
         color: var(--color-light-status-info);
     }

package/components/tsortable-head-cell/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"table__content_1vvay","icon":"table__icon_1vvay","reverse":"table__reverse_1vvay","sorted":"table__sorted_1vvay"};
+var styles = {"content":"table__content_1879y","icon":"table__icon_1879y","reverse":"table__reverse_1879y","sorted":"table__sorted_1879y"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/components/tcell/index.module.css

@@ -14,14 +14,16 @@
     --gap-24: var(--gap-xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .component {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+    font-family: var(--font-family-alfasans);
 
     color: var(--color-light-text-primary);
     padding: var(--gap-24) var(--gap-12);

package/cssm/components/thead-cell/index.module.css

@@ -16,8 +16,9 @@
     --gap-32: var(--gap-2xl);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .component {
     font-size: 12px;
@@ -25,7 +26,7 @@
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
 
     line-height: 20px;
     text-align: left;

package/esm/components/pagination/index.css

@@ -14,7 +14,7 @@
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
 }
-.table__component_1mixz {
+.table__component_12582 {
     position: sticky;
     left: var(--gap-0);
     display: flex;
@@ -25,27 +25,27 @@
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
 }
-.table__pagesWrapper_1mixz {
+.table__pagesWrapper_12582 {
     display: flex;
 }
-.table__tag_1mixz.table__tag_1mixz {
+.table__tag_12582.table__tag_12582 {
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
     min-width: 32px;
 }
-.table__tag_1mixz.table__tag_1mixz:last-child {
+.table__tag_12582.table__tag_12582:last-child {
         margin-right: var(--gap-0);
     }
-.table__tag_1mixz.table__tag_1mixz.table__tagActive_1mixz {
+.table__tag_12582.table__tag_12582.table__tagActive_12582 {
         cursor: default;
     }
-.table__pagination_1mixz {
+.table__pagination_12582 {
     margin-left: auto;
 }
-.table__menu_1mixz {
+.table__menu_12582 {
     margin: var(--gap-4) var(--gap-0);
 }
-.table__option_1mixz {
+.table__option_12582 {
     min-width: 208px;
 }

package/esm/components/pagination/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"table__component_1mixz","pagination":"table__pagination_1mixz","menu":"table__menu_1mixz","option":"table__option_1mixz"};
+var styles = {"component":"table__component_12582","pagination":"table__pagination_12582","menu":"table__menu_12582","option":"table__option_12582"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/pagination/select-field/index.css

@@ -1,11 +1,11 @@
 :root {
     --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
 }
-.table__field_1qav0 svg {
+.table__field_1ly63 svg {
         width: 18px;
         height: 18px;
     }
-.table__open_1qav0,
-.table__open_1qav0:hover {
+.table__open_1ly63,
+.table__open_1ly63:hover {
     background-color: var(--color-light-neutral-translucent-200-hover);
 }

package/esm/components/pagination/select-field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"field":"table__field_1qav0","open":"table__open_1qav0"};
+var styles = {"field":"table__field_1ly63","open":"table__open_1ly63"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/table/index.css

@@ -13,27 +13,27 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.table__component_2u8yp {
+.table__component_l8no7 {
     box-sizing: border-box;
 }
-.table__wrapper_2u8yp {
+.table__wrapper_l8no7 {
     padding: var(--gap-0) var(--gap-16) var(--gap-16);
     background: var(--color-light-base-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-8);
     overflow: auto;
 }
-.table__stickyHeader_2u8yp {
+.table__stickyHeader_l8no7 {
     max-height: 100%;
 }
-.table__hasPagination_2u8yp {
+.table__hasPagination_l8no7 {
     padding-bottom: var(--gap-0);
 }
-.table__table_2u8yp {
+.table__table_l8no7 {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
 }
-.table__table_2u8yp td:first-child label > *[class^='box'], .table__table_2u8yp th:first-child label > *[class^='box'] {
+.table__table_l8no7 td:first-child label > *[class^='box'], .table__table_l8no7 th:first-child label > *[class^='box'] {
             margin-top: var(--gap-0);
         }

package/esm/components/table/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"table__component_2u8yp","wrapper":"table__wrapper_2u8yp","stickyHeader":"table__stickyHeader_2u8yp","hasPagination":"table__hasPagination_2u8yp","table":"table__table_2u8yp"};
+var styles = {"component":"table__component_l8no7","wrapper":"table__wrapper_l8no7","stickyHeader":"table__stickyHeader_l8no7","hasPagination":"table__hasPagination_l8no7","table":"table__table_l8no7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_1uc7z {
+.table__component_13430 {
     width: 100%;
     box-sizing: border-box;
 }

package/esm/components/tbody/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"table__component_1uc7z"};
+var styles = {"component":"table__component_13430"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map