@nodeblocks/frontend-faq-block 0.0.2 → 0.0.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.
package/dist/index.cjs.js CHANGED
@@ -30,7 +30,7 @@ function styleInject(css, ref) {
30
30
  }
31
31
  }
32
32
 
33
- var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006EAD;\n --color-object-accent-primary-emphasis: #006EAD;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1D1E20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
33
+ var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006EAD;\n --color-object-accent-primary-emphasis: #006EAD;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1D1E20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-accordion .nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-accordion .nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-accordion .nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-accordion .nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-accordion .nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-faq-accordion .nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-accordion .nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
34
34
  styleInject(css_248z);
35
35
 
36
36
  function DefaultChevronIcon({ direction }) {
package/dist/index.esm.js CHANGED
@@ -28,7 +28,7 @@ function styleInject(css, ref) {
28
28
  }
29
29
  }
30
30
 
31
- var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006EAD;\n --color-object-accent-primary-emphasis: #006EAD;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1D1E20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
31
+ var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006EAD;\n --color-object-accent-primary-emphasis: #006EAD;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1D1E20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-accordion .nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-accordion .nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-accordion .nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-accordion .nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-accordion .nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-faq-accordion .nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-accordion .nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
32
32
  styleInject(css_248z);
33
33
 
34
34
  function DefaultChevronIcon({ direction }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nodeblocks/frontend-faq-block",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "browser": "dist/index.iife.js",