@digital-realty/ix-grid 1.0.6

package/dist/components/grid-row-filter-styles.js

@@ -0,0 +1,414 @@
+import { css } from 'lit';
+export const IxGridRowFilterStyles = css `
+  .filter {
+    margin-left: -15px;
+    align-items: center;
+    font-size: 17px;
+    width: 75px;
+  }
+
+  .grid-menu {
+    display: flex;
+    align-items: center;
+  }
+
+  .grid-menu button {
+    gap: 0.5rem;
+  }
+
+  ix-icon-button {
+    --md-icon-button-icon-color: rgb(20, 86, 224);
+    --md-icon-button-icon-size: 28px;
+  }
+
+  .grid-menu button .filter {
+    font-family: 'Red Hat Display', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 14px;
+    line-height: 18.52px;
+    letter-spacing: 1.25px;
+    margin-top: 2px;
+  }
+  .filter-form {
+    white-space: nowrap;
+    padding: 9px;
+    font-family: 'Open Sans', sans-serif;
+    color: #5d6d82;
+  }
+  .filter-form-column {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .filter-remove span {
+    margin-right: 0px;
+    color: #5d6d82;
+  }
+  .filter-dropdown-content {
+    position: absolute;
+    display: inline;
+    right: 0;
+    top: 78%;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+    z-index: 3;
+    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    border-radius: 12px;
+    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
+      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
+    background-color: #ffffff;
+  }
+  .filter-form input,
+  .filter-form select,
+  .filter-form option {
+    border-radius: 0px;
+    cursor: pointer;
+    letter-spacing: 1.44px;
+    line-height: 1.4375em;
+    box-sizing: content-box;
+    background: none;
+    height: 1.4375em;
+    margin: 0px;
+    animation-name: mui-auto-fill-cancel;
+    animation-duration: 10ms;
+    border: none;
+    border-image: initial;
+    font-size: 16px;
+    box-sizing: border-box;
+    cursor: text;
+    user-select: none;
+    color: currentcolor;
+    -webkit-tap-highlight-color: transparent;
+    display: block;
+    min-width: 0px;
+    width: 100%;
+    font-family: 'Open Sans', sans-serif;
+    height: 25px;
+    border-bottom: 1px solid black;
+  }
+  .filter-form option {
+    -webkit-tap-highlight-color: #9ca6b2;
+  }
+  .filter-form input:hover,
+  .filter-form select:hover {
+    outline: none !important;
+    border-bottom: 2px solid black;
+  }
+  .filter-form input:focus,
+  .filter-form select:focus {
+    outline: none !important;
+    border-bottom: 2px solid #1456e0;
+  }
+  .filter-form select:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+  .form-group {
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+    height: 54px;
+    justify-content: flex-end;
+    font-family: 'Open Sans', sans-serif;
+  }
+  .form-group label {
+    font-family: 'Open Sans', sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 1.4375em;
+    letter-spacing: 0.44px;
+    padding: 0px;
+    color: #092241;
+    display: block;
+    transform-origin: left top;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 133%;
+    transform: translate(0px, -1.5px) scale(0.75);
+    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+      transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+      max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+  }
+  .filter-form-group label span {
+    font-family: 'Open Sans', sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 1.4375em;
+    letter-spacing: 0.44px;
+    padding: 0px;
+    color: #092241;
+    display: block;
+    transform-origin: left top;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 133%;
+    transform: translate(0px, -1.5px) scale(0.75);
+    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+      transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+      max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+  }
+  .filter-form-group label:focus-within span {
+    color: #1456e0;
+  }
+  .filter-form-group {
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+    height: 54px;
+    justify-content: flex-end;
+    font-family: 'Open Sans', sans-serif;
+  }
+  option {
+    font-weight: normal;
+    display: block;
+    min-height: 1.2em;
+    padding: 0px 2px 1px;
+    white-space: nowrap;
+  }
+  .add-filter-button .add {
+    margin-right: 0px;
+    margin-left: -6px;
+  }
+  .filter-footer {
+    margin-top: auto;
+    display: flex;
+    align-items: left;
+    padding: 0px;
+    font-family: 'Red Hat Display', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 14px;
+    line-height: 18.52px;
+    letter-spacing: 1.25px;
+    text-transform: uppercase;
+    width: 100%;
+  }
+  .filter-footer button {
+    align-items: center !important;
+    margin-left: 0px;
+  }
+  .filter-footer .add {
+    display: inline-flex;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    position: relative;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    outline: 0px;
+    border: 0px;
+    margin: 0px;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 14px;
+    line-height: 18.52px;
+    letter-spacing: 1.25px;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    box-shadow: none;
+    min-height: 36px;
+  }
+  .filter-footer .clear {
+    margin-left: auto !important;
+  }
+  .form-group .close {
+    user-select: none;
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    fill: currentcolor;
+    flex-shrink: 0;
+    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    font-size: 1.25rem;
+    font-weight: lighter;
+  }
+  .no-display {
+    display: none;
+  }
+  .filter-local-operator-empty {
+    width: 54px;
+    border: none;
+  }
+  .grid-menu span.filter-superscript {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    font-size: 0.75rem;
+    padding: 0;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+    background-color: #1456e0;
+    color: #ffffff;
+    position: absolute;
+    top: 0;
+    left: 1.6rem;
+  }
+
+  .filterlist {
+    width: 40px;
+  }
+  .filterColumnField {
+    width: 150px;
+  }
+  .filterValueField {
+    width: 190px;
+  }
+  .filterOperatorField {
+    width: 120px;
+  }
+  .add-filter-button.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  select:hover {
+    cursor: pointer;
+  }
+  input:hover {
+    cursor: text;
+  }
+  .tooltip-container {
+    position: relative;
+    display: inline-block;
+  }
+  .tool-tip {
+    color: #ffffff;
+    overflow-wrap: break-word;
+    border-radius: 3px;
+    background-color: #071454;
+    padding: 5px 8px;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.4px;
+    position: absolute;
+    top: 42px;
+    right: 0;
+    z-index: 3;
+    white-space: nowrap;
+    display: none;
+  }
+  .filter-button:hover ~ .tool-tip {
+    display: block;
+  }
+  .tool-tip li {
+    margin-left: -21px;
+    color: #ffffff;
+    overflow-wrap: break-word;
+    border-radius: 3px;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.4px;
+    max-width: 250px;
+    min-width: 200px;
+    white-space: wrap;
+  }
+  .tool-tip p {
+    margin: 0;
+    padding: 0;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.4px;
+  }
+
+  .add-filter-button {
+    display: inline-flex;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    position: relative;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    outline: 0px;
+    border: 0px;
+    margin: 0px;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    font-family: 'Red Hat Display', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 14px;
+    line-height: 18.52px;
+    letter-spacing: 1.25px;
+    text-transform: uppercase;
+    color: #ffffff;
+    min-width: 64px;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    box-shadow: none;
+    min-height: 36px;
+    border-radius: 100px;
+    background-color: unset;
+  }
+  .add-filter-button:disabled,
+  .clear:disabled {
+    opacity: 0.25;
+    cursor: not-allowed;
+  }
+  button {
+    -webkit-box-align: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    position: relative;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    outline: 0px;
+    border: 0px;
+    margin: 0px;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    font-family: 'Red Hat Display', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 14px;
+    line-height: 18.52px;
+    letter-spacing: 1.25px;
+    text-transform: uppercase;
+    color: #ffffff;
+    min-width: 64px;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    box-shadow: none;
+    min-height: 36px;
+    border-radius: 100px;
+    background-color: unset;
+  }
+  button.filter-button {
+    padding-inline: 0;
+  }
+  .grid-menu button {
+    align-items: center;
+    display: flex;
+  }
+`;
+//# sourceMappingURL=grid-row-filter-styles.js.map

package/dist/components/grid-row-filter-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-row-filter-styles.js","sourceRoot":"","sources":["../../src/components/grid-row-filter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ZvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxGridRowFilterStyles = css`\n  .filter {\n    margin-left: -15px;\n    align-items: center;\n    font-size: 17px;\n    width: 75px;\n  }\n\n  .grid-menu {\n    display: flex;\n    align-items: center;\n  }\n\n  .grid-menu button {\n    gap: 0.5rem;\n  }\n\n  ix-icon-button {\n    --md-icon-button-icon-color: rgb(20, 86, 224);\n    --md-icon-button-icon-size: 28px;\n  }\n\n  .grid-menu button .filter {\n    font-family: 'Red Hat Display', sans-serif;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 18.52px;\n    letter-spacing: 1.25px;\n    margin-top: 2px;\n  }\n  .filter-form {\n    white-space: nowrap;\n    padding: 9px;\n    font-family: 'Open Sans', sans-serif;\n    color: #5d6d82;\n  }\n  .filter-form-column {\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .filter-remove span {\n    margin-right: 0px;\n    color: #5d6d82;\n  }\n  .filter-dropdown-content {\n    position: absolute;\n    display: inline;\n    right: 0;\n    top: 78%;\n    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n    z-index: 3;\n    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    border-radius: 12px;\n    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,\n      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n    background-color: #ffffff;\n  }\n  .filter-form input,\n  .filter-form select,\n  .filter-form option {\n    border-radius: 0px;\n    cursor: pointer;\n    letter-spacing: 1.44px;\n    line-height: 1.4375em;\n    box-sizing: content-box;\n    background: none;\n    height: 1.4375em;\n    margin: 0px;\n    animation-name: mui-auto-fill-cancel;\n    animation-duration: 10ms;\n    border: none;\n    border-image: initial;\n    font-size: 16px;\n    box-sizing: border-box;\n    cursor: text;\n    user-select: none;\n    color: currentcolor;\n    -webkit-tap-highlight-color: transparent;\n    display: block;\n    min-width: 0px;\n    width: 100%;\n    font-family: 'Open Sans', sans-serif;\n    height: 25px;\n    border-bottom: 1px solid black;\n  }\n  .filter-form option {\n    -webkit-tap-highlight-color: #9ca6b2;\n  }\n  .filter-form input:hover,\n  .filter-form select:hover {\n    outline: none !important;\n    border-bottom: 2px solid black;\n  }\n  .filter-form input:focus,\n  .filter-form select:focus {\n    outline: none !important;\n    border-bottom: 2px solid #1456e0;\n  }\n  .filter-form select:focus {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    align-items: baseline;\n    height: 54px;\n    justify-content: flex-end;\n    font-family: 'Open Sans', sans-serif;\n  }\n  .form-group label {\n    font-family: 'Open Sans', sans-serif;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.4375em;\n    letter-spacing: 0.44px;\n    padding: 0px;\n    color: #092241;\n    display: block;\n    transform-origin: left top;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 133%;\n    transform: translate(0px, -1.5px) scale(0.75);\n    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n      transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n      max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  }\n  .filter-form-group label span {\n    font-family: 'Open Sans', sans-serif;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.4375em;\n    letter-spacing: 0.44px;\n    padding: 0px;\n    color: #092241;\n    display: block;\n    transform-origin: left top;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 133%;\n    transform: translate(0px, -1.5px) scale(0.75);\n    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n      transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n      max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  }\n  .filter-form-group label:focus-within span {\n    color: #1456e0;\n  }\n  .filter-form-group {\n    display: flex;\n    flex-direction: column;\n    align-items: baseline;\n    height: 54px;\n    justify-content: flex-end;\n    font-family: 'Open Sans', sans-serif;\n  }\n  option {\n    font-weight: normal;\n    display: block;\n    min-height: 1.2em;\n    padding: 0px 2px 1px;\n    white-space: nowrap;\n  }\n  .add-filter-button .add {\n    margin-right: 0px;\n    margin-left: -6px;\n  }\n  .filter-footer {\n    margin-top: auto;\n    display: flex;\n    align-items: left;\n    padding: 0px;\n    font-family: 'Red Hat Display', sans-serif;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 18.52px;\n    letter-spacing: 1.25px;\n    text-transform: uppercase;\n    width: 100%;\n  }\n  .filter-footer button {\n    align-items: center !important;\n    margin-left: 0px;\n  }\n  .filter-footer .add {\n    display: inline-flex;\n    -webkit-box-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    justify-content: center;\n    position: relative;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    outline: 0px;\n    border: 0px;\n    margin: 0px;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: middle;\n    appearance: none;\n    text-decoration: none;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 18.52px;\n    letter-spacing: 1.25px;\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    box-shadow: none;\n    min-height: 36px;\n  }\n  .filter-footer .clear {\n    margin-left: auto !important;\n  }\n  .form-group .close {\n    user-select: none;\n    width: 1em;\n    height: 1em;\n    display: inline-block;\n    fill: currentcolor;\n    flex-shrink: 0;\n    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    font-size: 1.25rem;\n    font-weight: lighter;\n  }\n  .no-display {\n    display: none;\n  }\n  .filter-local-operator-empty {\n    width: 54px;\n    border: none;\n  }\n  .grid-menu span.filter-superscript {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    font-size: 0.75rem;\n    padding: 0;\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n    background-color: #1456e0;\n    color: #ffffff;\n    position: absolute;\n    top: 0;\n    left: 1.6rem;\n  }\n\n  .filterlist {\n    width: 40px;\n  }\n  .filterColumnField {\n    width: 150px;\n  }\n  .filterValueField {\n    width: 190px;\n  }\n  .filterOperatorField {\n    width: 120px;\n  }\n  .add-filter-button.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  select:hover {\n    cursor: pointer;\n  }\n  input:hover {\n    cursor: text;\n  }\n  .tooltip-container {\n    position: relative;\n    display: inline-block;\n  }\n  .tool-tip {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    border-radius: 3px;\n    background-color: #071454;\n    padding: 5px 8px;\n    font-family: 'Open Sans', sans-serif;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 0.4px;\n    position: absolute;\n    top: 42px;\n    right: 0;\n    z-index: 3;\n    white-space: nowrap;\n    display: none;\n  }\n  .filter-button:hover ~ .tool-tip {\n    display: block;\n  }\n  .tool-tip li {\n    margin-left: -21px;\n    color: #ffffff;\n    overflow-wrap: break-word;\n    border-radius: 3px;\n    font-family: 'Open Sans', sans-serif;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 0.4px;\n    max-width: 250px;\n    min-width: 200px;\n    white-space: wrap;\n  }\n  .tool-tip p {\n    margin: 0;\n    padding: 0;\n    font-family: 'Open Sans', sans-serif;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 0.4px;\n  }\n\n  .add-filter-button {\n    display: inline-flex;\n    -webkit-box-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    justify-content: center;\n    position: relative;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    outline: 0px;\n    border: 0px;\n    margin: 0px;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: middle;\n    appearance: none;\n    text-decoration: none;\n    font-family: 'Red Hat Display', sans-serif;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 18.52px;\n    letter-spacing: 1.25px;\n    text-transform: uppercase;\n    color: #ffffff;\n    min-width: 64px;\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    box-shadow: none;\n    min-height: 36px;\n    border-radius: 100px;\n    background-color: unset;\n  }\n  .add-filter-button:disabled,\n  .clear:disabled {\n    opacity: 0.25;\n    cursor: not-allowed;\n  }\n  button {\n    -webkit-box-align: center;\n    -webkit-box-pack: center;\n    justify-content: center;\n    position: relative;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    outline: 0px;\n    border: 0px;\n    margin: 0px;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: middle;\n    appearance: none;\n    text-decoration: none;\n    font-family: 'Red Hat Display', sans-serif;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 18.52px;\n    letter-spacing: 1.25px;\n    text-transform: uppercase;\n    color: #ffffff;\n    min-width: 64px;\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    box-shadow: none;\n    min-height: 36px;\n    border-radius: 100px;\n    background-color: unset;\n  }\n  button.filter-button {\n    padding-inline: 0;\n  }\n  .grid-menu button {\n    align-items: center;\n    display: flex;\n  }\n`;\n"]}

package/dist/components/pagination-styles.d.ts

@@ -0,0 +1 @@
+export declare const PaginationStyles: import("lit").CSSResult;

package/dist/components/pagination-styles.js

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+export const PaginationStyles = css `
+  .pagination {
+    display: flex;
+    align-items: center;
+    justify-content: end;
+    gap: 1rem;
+    font-size: 12px;
+    margin: 1rem;
+  }
+  .pagination-nav {
+    display: flex;
+  }
+  ix-select {
+    --md-outlined-field-bottom-space: 2px;
+    --md-outlined-field-top-space: 2px;
+    --md-outlined-button-outline-color: var(--md-sys-color-primary);
+    --md-outlined-select-text-field-outline-color: #ddd;
+    --md-menu-container-color: #fff;
+    --md-filled-select-text-field-active-indicator-height: 0px;
+    --md-filled-select-text-field-hover-indicator-height: 0px;
+    --md-filled-field-hover-active-indicator-height: 0px;
+    --md-filled-field-focus-active-indicator-height: 0px;
+    --md-sys-typescale-body-large-font: 'Open Sans', sans-serif;
+    --md-ref-typeface-plain: 'Open Sans', sans-serif;
+    --md-filled-field-content-size: 14px;
+    --md-sys-typescale-body-large-size: 14px;
+    --md-filled-field-bottom-space: 4px;
+    --md-filled-field-top-space: 4px;
+    --md-filled-field-container-color: #fff;
+  }
+`;
+//# sourceMappingURL=pagination-styles.js.map

package/dist/components/pagination-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-styles.js","sourceRoot":"","sources":["../../src/components/pagination-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BlC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const PaginationStyles = css`\n  .pagination {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: 1rem;\n    font-size: 12px;\n    margin: 1rem;\n  }\n  .pagination-nav {\n    display: flex;\n  }\n  ix-select {\n    --md-outlined-field-bottom-space: 2px;\n    --md-outlined-field-top-space: 2px;\n    --md-outlined-button-outline-color: var(--md-sys-color-primary);\n    --md-outlined-select-text-field-outline-color: #ddd;\n    --md-menu-container-color: #fff;\n    --md-filled-select-text-field-active-indicator-height: 0px;\n    --md-filled-select-text-field-hover-indicator-height: 0px;\n    --md-filled-field-hover-active-indicator-height: 0px;\n    --md-filled-field-focus-active-indicator-height: 0px;\n    --md-sys-typescale-body-large-font: 'Open Sans', sans-serif;\n    --md-ref-typeface-plain: 'Open Sans', sans-serif;\n    --md-filled-field-content-size: 14px;\n    --md-sys-typescale-body-large-size: 14px;\n    --md-filled-field-bottom-space: 4px;\n    --md-filled-field-top-space: 4px;\n    --md-filled-field-container-color: #fff;\n  }\n`;\n"]}

package/dist/grid-view-styles.d.ts

@@ -0,0 +1 @@
+export declare const IxGridViewStyles: import("lit").CSSResult;