scb-wc 0.1.7 → 0.1.8

package/starters/react/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "__STARTER_NAME__",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "__SCB_WC_PACKAGE_NAME__": "^__SCB_WC_VERSION__",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^8.0.9"
-  }
-}

package/starters/react/src/App.jsx

@@ -1,118 +0,0 @@
-export default function App() {
-  return (
-    <>
-      {/* BASIC_TEMPLATE_REACT_START */}
-      <scb-grid padding-inline="6" padding-block="2" row-gap="4">
-        <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="12">
-          <scb-header
-            logo-href="/"
-            show-drawer="true"
-            show-search="true"
-            include-utility-in-menu="true"
-            search-placeholder="Sök"
-            menu-label="Meny"
-            menu-section-label="Navigering"
-          >
-            <scb-header-tab label="Produkter" href="#"></scb-header-tab>
-            <scb-header-tab label="Statistik" href="#" selected></scb-header-tab>
-            <scb-header-tab label="Dokumentation" href="#"></scb-header-tab>
-            <scb-header-utility label="Kontakt" href="#"></scb-header-utility>
-          </scb-header>
-        </scb-grid-item>
-
-        <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="12">
-          <main>
-            <scb-grid row-gap="8" column-gap="7" align-items="start">
-              <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="8">
-                <section>
-                  <h1>Grundmall för React</h1>
-                  <p>För appar i React där du vill använda samma komponentbibliotek.</p>
-                  <p>Öppna Code-panelen nedanför storyn för att se koden.</p>
-
-                  <scb-grid row-gap="10" cols-compact="1" cols-medium="1" cols-expanded="1">
-                    <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-                      <scb-textfield
-                        label="Sökord"
-                        supporting-text="Skriv något enkelt för att komma igång."
-                      ></scb-textfield>
-                    </scb-grid-item>
-
-                    <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-                      <scb-select
-                        label="Typ av innehåll"
-                        supporting-text="Välj det som passar sidan."
-                        placeholder="Välj ett alternativ"
-                      >
-                        <scb-select-option value="nyhet" label="Nyhet"></scb-select-option>
-                        <scb-select-option value="rapport" label="Rapport"></scb-select-option>
-                        <scb-select-option value="tabell" label="Tabell"></scb-select-option>
-                      </scb-select>
-                    </scb-grid-item>
-
-                    <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-                      <scb-checkbox
-                        label="Visa endast publicerat innehåll"
-                        checked
-                      ></scb-checkbox>
-                    </scb-grid-item>
-
-                    <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-                      <scb-button label="Primär handling"></scb-button>
-                      <scb-button variant="outlined" label="Sekundär handling" spacing-left="2"></scb-button>
-                    </scb-grid-item>
-
-                    <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-                      <scb-accordion>
-                        <scb-accordion-item
-                          title="Exempelavsnitt"
-                          supporting-text="Visa eller dölj mer information."
-                          open
-                        >
-                          Här kan du lägga sådant som inte behöver synas direkt från start.
-                        </scb-accordion-item>
-                      </scb-accordion>
-                    </scb-grid-item>
-                  </scb-grid>
-                </section>
-              </scb-grid-item>
-
-              <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="4">
-                <scb-card type="list" variant="filled" card-title="Kom igång">
-                  <scb-list no-divider density="-4">
-                    <scb-list-item
-                      type="text"
-                      label="Skapa mallen"
-                      supporting-text="npx scb-wc init react my-react-app"
-                    ></scb-list-item>
-                    <scb-list-item
-                      type="text"
-                      label="När den passar"
-                      supporting-text="För appar i React där du vill använda samma komponentbibliotek."
-                    ></scb-list-item>
-                    <scb-list-item
-                      type="text"
-                      label="Nästa steg"
-                      supporting-text="Byt först ut text, länkar och innehåll. Lägg sedan till fler komponenter när du behöver dem."
-                    ></scb-list-item>
-                  </scb-list>
-                </scb-card>
-              </scb-grid-item>
-            </scb-grid>
-          </main>
-        </scb-grid-item>
-      </scb-grid>
-
-      <scb-footer description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.">
-        <scb-footer-section title="Hitta snabbt">
-          <scb-link href="#">Kom igång</scb-link>
-          <scb-link href="#">Dokumentation</scb-link>
-        </scb-footer-section>
-        <scb-footer-section title="Kontakt">
-          <scb-link href="#">Kontakta oss</scb-link>
-          <scb-link href="#">Support</scb-link>
-        </scb-footer-section>
-      </scb-footer>
-      {/* BASIC_TEMPLATE_REACT_END */}
-    </>
-  );
-}

package/starters/react/src/main.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import '__SCB_WC_PACKAGE_NAME__/scb-wc.css';
-import '__SCB_WC_PACKAGE_NAME__/scb-typography.css';
-import '__SCB_WC_PACKAGE_NAME__/scb-header';
-import '__SCB_WC_PACKAGE_NAME__/scb-header/scb-header-tab';
-import '__SCB_WC_PACKAGE_NAME__/scb-header/scb-header-utility';
-import '__SCB_WC_PACKAGE_NAME__/scb-footer';
-import '__SCB_WC_PACKAGE_NAME__/scb-footer/scb-footer-section';
-import '__SCB_WC_PACKAGE_NAME__/scb-link';
-import '__SCB_WC_PACKAGE_NAME__/scb-grid';
-import '__SCB_WC_PACKAGE_NAME__/scb-grid/scb-grid-item';
-import '__SCB_WC_PACKAGE_NAME__/scb-button';
-import '__SCB_WC_PACKAGE_NAME__/scb-card';
-import '__SCB_WC_PACKAGE_NAME__/scb-list';
-import '__SCB_WC_PACKAGE_NAME__/scb-list/scb-list-item';
-import '__SCB_WC_PACKAGE_NAME__/scb-checkbox';
-import '__SCB_WC_PACKAGE_NAME__/scb-select';
-import '__SCB_WC_PACKAGE_NAME__/scb-select/scb-select-option';
-import '__SCB_WC_PACKAGE_NAME__/scb-textfield';
-import '__SCB_WC_PACKAGE_NAME__/scb-accordion';
-import '__SCB_WC_PACKAGE_NAME__/scb-accordion/scb-accordion-item';
-import App from './App.jsx';
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);

package/starters/react/vite.config.js

@@ -1,6 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-});