@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/design-system/filter-default.css

@@ -26,25 +26,41 @@
   --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
   --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
   --x-number-font-weight-filter-count-default-selected: var(--x-number-font-weight-filter-count-default);
-  --x-size-line-height-filter-default: var(--x-size-line-height-text); }
+  --x-size-line-height-filter-default: var(--x-size-line-height-text);
+}
 
-@use 'sass:string';
 [dir="ltr"] .x-filter {
-  padding-left: var(--x-size-padding-left-filter-default); }
+  padding-left: var(--x-size-padding-left-filter-default);
+}
+
 [dir="rtl"] .x-filter {
-  padding-right: var(--x-size-padding-left-filter-default); }
+  padding-right: var(--x-size-padding-left-filter-default);
+}
+
 [dir="ltr"] .x-filter {
-  padding-right: var(--x-size-padding-right-filter-default); }
+  padding-right: var(--x-size-padding-right-filter-default);
+}
+
 [dir="rtl"] .x-filter {
-  padding-left: var(--x-size-padding-right-filter-default); }
+  padding-left: var(--x-size-padding-right-filter-default);
+}
+
 [dir="ltr"] .x-filter {
-  border-right-width: var(--x-size-border-width-right-filter-default); }
+  border-right-width: var(--x-size-border-width-right-filter-default);
+}
+
 [dir="rtl"] .x-filter {
-  border-left-width: var(--x-size-border-width-right-filter-default); }
+  border-left-width: var(--x-size-border-width-right-filter-default);
+}
+
 [dir="ltr"] .x-filter {
-  border-left-width: var(--x-size-border-width-left-filter-default); }
+  border-left-width: var(--x-size-border-width-left-filter-default);
+}
+
 [dir="rtl"] .x-filter {
-  border-right-width: var(--x-size-border-width-left-filter-default); }
+  border-right-width: var(--x-size-border-width-left-filter-default);
+}
+
 .x-filter {
   display: inline-flex;
   justify-content: flex-start;
@@ -65,23 +81,31 @@
   font-size: var(--x-size-font-filter-default);
   font-weight: var(--x-number-font-weight-filter-default);
   line-height: var(--x-size-line-height-filter-default);
-  cursor: pointer; }
-  @media not all and (min-resolution: 0.001dpcm) {
-    .x-filter {
-      gap: 0; }
-      .x-filter > *:not(:last-child) {
-        margin-right: var(--x-size-gap-filter-default); } }
-  .x-filter > * {
-    flex: 0 0 auto; }
-  .x-filter__label {
-    flex: 0 1 auto; }
-  .x-filter__count {
-    font-weight: var(--x-number-font-weight-filter-count-default); }
-  .x-filter--is-selected {
-    --x-color-background-filter-default: var(--x-color-background-filter-default-selected);
-    --x-color-border-filter-default: var(--x-color-border-filter-default-selected);
-    --x-color-text-filter-default: var(--x-color-text-filter-default-selected);
-    --x-number-font-weight-filter-default: var(--x-number-font-weight-filter-default-selected);
-    --x-number-font-weight-filter-count-default: var(
-      --x-number-font-weight-filter-count-default-selected
-    ); }
+  cursor: pointer;
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-filter {
+    gap: 0;
+  }
+  .x-filter > *:not(:last-child) {
+    margin-right: var(--x-size-gap-filter-default);
+  }
+}
+.x-filter > * {
+  flex: 0 0 auto;
+}
+.x-filter__label {
+  flex: 0 1 auto;
+}
+.x-filter__count {
+  font-weight: var(--x-number-font-weight-filter-count-default);
+}
+.x-filter--is-selected {
+  --x-color-background-filter-default: var(--x-color-background-filter-default-selected);
+  --x-color-border-filter-default: var(--x-color-border-filter-default-selected);
+  --x-color-text-filter-default: var(--x-color-text-filter-default-selected);
+  --x-number-font-weight-filter-default: var(--x-number-font-weight-filter-default-selected);
+  --x-number-font-weight-filter-count-default: var(
+    --x-number-font-weight-filter-count-default-selected
+  );
+}

package/design-system/filter-hierarchical.css

@@ -3,22 +3,30 @@
   --x-size-padding-top-filter-children: 0;
   --x-size-padding-right-filter-children: 0;
   --x-size-padding-bottom-filter-children: 0;
-  --x-size-padding-left-filter-children: var(--x-size-base-05); }
+  --x-size-padding-left-filter-children: var(--x-size-base-05);
+}
 
 .x-hierarchical-filter-container {
-  list-style: none; }
-  [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
-    padding-left: var(--x-size-padding-left-filter-children); }
-  [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
-    padding-right: var(--x-size-padding-left-filter-children); }
-  [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
-    padding-right: var(--x-size-padding-right-filter-children); }
-  [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
-    padding-left: var(--x-size-padding-right-filter-children); }
-  .x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
-    margin: var(--x-size-margin-filter-children);
-    padding-top: var(--x-size-padding-top-filter-children);
-    padding-bottom: var(--x-size-padding-bottom-filter-children); }
-  .x-hierarchical-filter-container .x-hierarchical-filter-container,
-  .x-hierarchical-filter-container .x-filter {
-    width: 100%; }
+  list-style: none;
+}
+[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
+  padding-left: var(--x-size-padding-left-filter-children);
+}
+[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
+  padding-right: var(--x-size-padding-left-filter-children);
+}
+[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
+  padding-right: var(--x-size-padding-right-filter-children);
+}
+[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"]  .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
+  padding-left: var(--x-size-padding-right-filter-children);
+}
+.x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
+  margin: var(--x-size-margin-filter-children);
+  padding-top: var(--x-size-padding-top-filter-children);
+  padding-bottom: var(--x-size-padding-bottom-filter-children);
+}
+.x-hierarchical-filter-container .x-hierarchical-filter-container,
+.x-hierarchical-filter-container .x-filter {
+  width: 100%;
+}

package/design-system/filter-justified.css

@@ -1,3 +1,4 @@
 .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
 .x-filter--justified .x-filter > *:last-child:not(.x-filter__label) {
-  margin-left: auto; }
+  margin-left: auto;
+}