@nodeblocks/frontend-search-by-chip-block 0.1.2 → 0.1.3

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.
Files changed (3) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.esm.js +1 -1
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -131,7 +131,7 @@ function styleInject(css, ref) {
131
131
  }
132
132
  }
133
133
 
134
- var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip * {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
134
+ var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip *:not(.material-symbols-outlined) {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
135
135
  styleInject(css_248z);
136
136
 
137
137
  const SearchByChip = ({ searchByChipTitle, sectionTitle, subtitle, onClickChip, chips, className, children, ...props }) => {
package/dist/index.esm.js CHANGED
@@ -129,7 +129,7 @@ function styleInject(css, ref) {
129
129
  }
130
130
  }
131
131
 
132
- var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip * {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
132
+ var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip *:not(.material-symbols-outlined) {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
133
133
  styleInject(css_248z);
134
134
 
135
135
  const SearchByChip = ({ searchByChipTitle, sectionTitle, subtitle, onClickChip, chips, className, children, ...props }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nodeblocks/frontend-search-by-chip-block",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "browser": "dist/index.iife.js",