@nodeblocks/frontend-filter-search-panel-block 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -37,7 +37,7 @@ function styleInject(css, ref) {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var css_248z = "
|
|
40
|
+
var css_248z = ".nbb-filter-search-panel {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius-4: 8px;\n --border-color: #c9d0da;\n --color-text-mid-emphasis: #1d1e20;\n --color-text-low-emphasis: #737d90;\n --color-surface-secondary: #f3f3f3;\n --color-surface-tertiary: #e2e4e7;\n --color-surface-primary: #fff;\n}\n\n.nbb-filter-search-panel {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n background-color: var(--color-surface-secondary);\n font-family: var(--font-family);\n color: var(--color-text-mid-emphasis);\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input {\n display: flex;\n align-items: center;\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n height: 44px;\n overflow: hidden;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input input {\n flex-grow: 1;\n border: none;\n outline: none;\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-primary);\n height: 44px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-icon {\n background: none;\n border: none;\n cursor: pointer;\n font-size: 16px;\n color: var(--color-object-accent-primary);\n padding: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-button-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n border: 1px solid var(--border-color);\n font-weight: normal;\n cursor: pointer;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n height: 44px;\n flex: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters {\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n background: var(--color-surface-secondary);\n border-radius: var(--border-radius-4);\n overflow-x: scroll;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters::-webkit-scrollbar {\n display: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filter-group-name {\n margin-left: 14px;\n margin-right: 14px;\n text-transform: capitalize;\n display: inline-flex;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-chip {\n display: inline-flex;\n align-items: center;\n margin: 0;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n white-space: nowrap;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n border: 1px solid var(--color-surface-secondary);\n height: 44px;\n line-height: 44px;\n padding: 0 16px;\n}\n\n.nbb-filter-search-panel button:focus {\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-remove-filter {\n display: inline-flex;\n cursor: pointer;\n background: none;\n border: none;\n font-size: 14px;\n color: var(--color-object-accent-primary);\n margin: 0 8px 0px 0px;\n padding: 0;\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-no-filter {\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-tertiary);\n height: 44px;\n line-height: 44px;\n display: flex;\n flex: 1;\n margin: 0px;\n font-size: 12px;\n border-radius: var(--border-radius-4);\n align-items: center;\n padding: 0 8px;\n color: var(--color-text-low-emphasis);\n}\n";
|
|
41
41
|
styleInject(css_248z);
|
|
42
42
|
|
|
43
43
|
/**
|
package/dist/index.esm.js
CHANGED
|
@@ -35,7 +35,7 @@ function styleInject(css, ref) {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var css_248z = "
|
|
38
|
+
var css_248z = ".nbb-filter-search-panel {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius-4: 8px;\n --border-color: #c9d0da;\n --color-text-mid-emphasis: #1d1e20;\n --color-text-low-emphasis: #737d90;\n --color-surface-secondary: #f3f3f3;\n --color-surface-tertiary: #e2e4e7;\n --color-surface-primary: #fff;\n}\n\n.nbb-filter-search-panel {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n background-color: var(--color-surface-secondary);\n font-family: var(--font-family);\n color: var(--color-text-mid-emphasis);\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input {\n display: flex;\n align-items: center;\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n height: 44px;\n overflow: hidden;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input input {\n flex-grow: 1;\n border: none;\n outline: none;\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-primary);\n height: 44px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-icon {\n background: none;\n border: none;\n cursor: pointer;\n font-size: 16px;\n color: var(--color-object-accent-primary);\n padding: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-button-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n border: 1px solid var(--border-color);\n font-weight: normal;\n cursor: pointer;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n height: 44px;\n flex: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters {\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n background: var(--color-surface-secondary);\n border-radius: var(--border-radius-4);\n overflow-x: scroll;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters::-webkit-scrollbar {\n display: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filter-group-name {\n margin-left: 14px;\n margin-right: 14px;\n text-transform: capitalize;\n display: inline-flex;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-chip {\n display: inline-flex;\n align-items: center;\n margin: 0;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n white-space: nowrap;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n border: 1px solid var(--color-surface-secondary);\n height: 44px;\n line-height: 44px;\n padding: 0 16px;\n}\n\n.nbb-filter-search-panel button:focus {\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-remove-filter {\n display: inline-flex;\n cursor: pointer;\n background: none;\n border: none;\n font-size: 14px;\n color: var(--color-object-accent-primary);\n margin: 0 8px 0px 0px;\n padding: 0;\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-no-filter {\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-tertiary);\n height: 44px;\n line-height: 44px;\n display: flex;\n flex: 1;\n margin: 0px;\n font-size: 12px;\n border-radius: var(--border-radius-4);\n align-items: center;\n padding: 0 8px;\n color: var(--color-text-low-emphasis);\n}\n";
|
|
39
39
|
styleInject(css_248z);
|
|
40
40
|
|
|
41
41
|
/**
|