scb-wc 0.1.7 → 0.1.8

package/scb-wc-public-entry/index.d.ts

@@ -1,87 +0,0 @@
-export * from '../scb-components/scb-accordion/scb-accordion-item';
-export * from '../scb-components/scb-accordion/scb-accordion';
-export * from '../scb-components/scb-app-bar/scb-app-bar';
-export * from '../scb-components/scb-avatar/scb-avatar';
-export * from '../scb-components/scb-badge/scb-badge';
-export * from '../scb-components/scb-breadcrumb/scb-breadcrumb-item';
-export * from '../scb-components/scb-breadcrumb/scb-breadcrumb';
-export * from '../scb-components/scb-button/scb-button';
-export * from '../scb-components/scb-calendar/scb-calendar-event';
-export * from '../scb-components/scb-calendar/scb-calendar';
-export * from '../scb-components/scb-calendar-card/scb-calendar-card';
-export * from '../scb-components/scb-card/scb-card';
-export * from '../scb-components/scb-checkbox/scb-checkbox-group';
-export * from '../scb-components/scb-checkbox/scb-checkbox';
-export * from '../scb-components/scb-chip/scb-chip';
-export * from '../scb-components/scb-collapse/scb-collapse';
-export * from '../scb-components/scb-cookies-consent/scb-cookies-consent';
-export * from '../scb-components/scb-dialog/scb-dialog';
-export * from '../scb-components/scb-divider/scb-divider';
-export * from '../scb-components/scb-drawer/scb-drawer';
-export * from '../scb-components/scb-drop-zone/scb-drop-zone';
-export * from '../scb-components/scb-dropdown/scb-dropdown';
-export * from '../scb-components/scb-fab/scb-fab';
-export * from '../scb-components/scb-fact-card/scb-fact-card-content';
-export * from '../scb-components/scb-fact-card/scb-fact-card';
-export * from '../scb-components/scb-footer/scb-footer-section';
-export * from '../scb-components/scb-footer/scb-footer';
-export * from '../scb-components/scb-gallery-grid/scb-gallery-grid';
-export * from '../scb-components/scb-grid/scb-grid-item';
-export * from '../scb-components/scb-grid/scb-grid';
-export * from '../scb-components/scb-grid/scb-stack';
-export * from '../scb-components/scb-header/scb-header-menu-group';
-export * from '../scb-components/scb-header/scb-header-menu-item';
-export * from '../scb-components/scb-header/scb-header-tab';
-export * from '../scb-components/scb-header/scb-header-utility';
-export * from '../scb-components/scb-header/scb-header';
-export * from '../scb-components/scb-horizontal-scroller/scb-horizontal-scroller';
-export * from '../scb-components/scb-icon-button/scb-icon-button';
-export * from '../scb-components/scb-keyfigure-card/scb-keyfigure-card';
-export * from '../scb-components/scb-link/scb-link';
-export * from '../scb-components/scb-list/scb-list-item';
-export * from '../scb-components/scb-list/scb-list';
-export * from '../scb-components/scb-menu/scb-menu-item';
-export * from '../scb-components/scb-menu/scb-menu-section';
-export * from '../scb-components/scb-menu/scb-menu';
-export * from '../scb-components/scb-menu/scb-sub-menu';
-export * from '../scb-components/scb-nav/scb-nav-item';
-export * from '../scb-components/scb-nav/scb-nav';
-export * from '../scb-components/scb-notification-card/scb-notification-card';
-export * from '../scb-components/scb-options-menu/scb-options-menu-item';
-export * from '../scb-components/scb-options-menu/scb-options-menu';
-export * from '../scb-components/scb-options-menu/scb-options-sub-menu';
-export * from '../scb-components/scb-overlay/scb-overlay';
-export * from '../scb-components/scb-pagination/scb-pagination';
-export * from '../scb-components/scb-progress-indicator/scb-progress-indicator';
-export * from '../scb-components/scb-progress-stepper/scb-progress-step';
-export * from '../scb-components/scb-progress-stepper/scb-progress-stepper';
-export * from '../scb-components/scb-radio-button/scb-radio-button';
-export * from '../scb-components/scb-radio-button/scb-radio-group';
-export * from '../scb-components/scb-scrollspy/scb-scrollspy';
-export * from '../scb-components/scb-search/scb-search';
-export * from '../scb-components/scb-segmented-button/scb-segmented-button';
-export * from '../scb-components/scb-segmented-button/scb-segmented-item';
-export * from '../scb-components/scb-select/scb-select-option';
-export * from '../scb-components/scb-select/scb-select';
-export * from '../scb-components/scb-skeleton/scb-skeleton';
-export * from '../scb-components/scb-slider/scb-slider';
-export * from '../scb-components/scb-snackbar/scb-snackbar';
-export * from '../scb-components/scb-status-pill/scb-status-pill';
-export * from '../scb-components/scb-stepper/scb-step';
-export * from '../scb-components/scb-stepper/scb-stepper';
-export * from '../scb-components/scb-switch/scb-switch';
-export * from '../scb-components/scb-table/scb-table';
-export * from '../scb-components/scb-table-advanced/scb-table-advanced';
-export * from '../scb-components/scb-tabs/scb-primary-tab';
-export * from '../scb-components/scb-tabs/scb-secondary-tab';
-export * from '../scb-components/scb-tabs/scb-tabs';
-export * from '../scb-components/scb-textfield/scb-textfield';
-export * from '../scb-components/scb-toc/scb-toc-item';
-export * from '../scb-components/scb-toc/scb-toc';
-export * from '../scb-components/scb-tooltip/scb-tooltip';
-export * from '../scb-components/scb-viz/scb-viz-actions-runtime';
-export * from '../scb-components/scb-viz/scb-viz-print-runtime';
-export * from '../scb-components/scb-viz/scb-viz-series-differentiation-registry';
-export * from '../scb-components/scb-viz/scb-viz-series-differentiation-runtime';
-export * from '../scb-components/scb-viz/scb-viz-table-runtime';
-export * from '../scb-components/scb-viz/scb-viz';

package/starters/blazor/Components/App.razor

@@ -1,34 +0,0 @@
-@using Microsoft.AspNetCore.Components.Web
-
-<!DOCTYPE html>
-<html lang="sv">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="/" />
-
-    <link rel="stylesheet" href="ui/scb-wc.css" />
-    <link rel="stylesheet" href="ui/scb-typography.css" />
-
-    <HeadOutlet />
-  </head>
-
-  <body>
-    <Routes @rendermode="InteractiveServer" />
-
-    <script type="module" src="ui/components/scb-header/scb-header.js"></script>
-    <script type="module" src="ui/components/scb-header/scb-header-tab.js"></script>
-    <script type="module" src="ui/components/scb-header/scb-header-utility.js"></script>
-    <script type="module" src="ui/components/scb-footer/scb-footer.js"></script>
-    <script type="module" src="ui/components/scb-footer/scb-footer-section.js"></script>
-    <script type="module" src="ui/components/scb-link/scb-link.js"></script>
-    <script type="module" src="ui/components/scb-grid/scb-grid.js"></script>
-    <script type="module" src="ui/components/scb-grid/scb-grid-item.js"></script>
-    <script type="module" src="ui/components/scb-button/scb-button.js"></script>
-    <script type="module" src="ui/components/scb-card/scb-card.js"></script>
-    <script type="module" src="ui/components/scb-accordion/scb-accordion.js"></script>
-    <script type="module" src="ui/components/scb-accordion/scb-accordion-item.js"></script>
-    <script type="module" src="ui/scb-blazor-bridge.js"></script>
-    <script src="_framework/blazor.web.js"></script>
-  </body>
-</html>

package/starters/blazor/Components/Layout/MainLayout.razor

@@ -1,39 +0,0 @@
-@* BASIC_TEMPLATE_BLAZOR_LAYOUT_START *@
-@inherits LayoutComponentBase
-
-<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>
-      @Body
-    </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_BLAZOR_LAYOUT_END *@

package/starters/blazor/Components/Pages/Home.razor

@@ -1,80 +0,0 @@
-@page "/"
-
-@* BASIC_TEMPLATE_BLAZOR_HOME_START *@
-<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 Blazor</h1>
-      <p>För appar i Blazor där du vill bygga i Razor och 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">
-          <ScbTextfield
-            Label="Sökord"
-            SupportingText="Skriv något enkelt för att komma igång."
-          />
-        </scb-grid-item>
-
-        <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-          <ScbSelect
-            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>
-          </ScbSelect>
-        </scb-grid-item>
-
-        <scb-grid-item col-span-compact="1" col-span-medium="1" col-span-expanded="1">
-          <ScbCheckbox
-            Label="Visa endast publicerat innehåll"
-            Checked="true"
-          />
-        </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">
-          <ScbAccordion>
-            <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>
-          </ScbAccordion>
-        </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">
-      <ScbList NoDivider="true" density="-4">
-        <scb-list-item
-          type="text"
-          label="Skapa mallen"
-          supporting-text="npx scb-wc init blazor my-blazor-app"
-        ></scb-list-item>
-        <scb-list-item
-          type="text"
-          label="När den passar"
-          supporting-text="För appar i Blazor där du vill bygga i Razor och 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>
-      </ScbList>
-    </scb-card>
-  </scb-grid-item>
-</scb-grid>
-@* BASIC_TEMPLATE_BLAZOR_HOME_END *@

package/starters/blazor/Components/Routes.razor

@@ -1,14 +0,0 @@
-@using Microsoft.AspNetCore.Components.Routing
-@using __STARTER_NAME__.Components.Layout
-
-<Router AppAssembly="@typeof(Program).Assembly">
-  <Found Context="routeData">
-    <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-    <FocusOnNavigate RouteData="@routeData" Selector="h1" />
-  </Found>
-  <NotFound>
-    <LayoutView Layout="@typeof(MainLayout)">
-      <p role="alert">Sidan finns inte.</p>
-    </LayoutView>
-  </NotFound>
-</Router>

package/starters/blazor/Components/_Imports.razor

@@ -1,10 +0,0 @@
-@using Microsoft.AspNetCore.Components.Forms
-@using Microsoft.AspNetCore.Components.Routing
-@using Microsoft.AspNetCore.Components.Web
-@using Microsoft.JSInterop
-@using __STARTER_NAME__
-@using __STARTER_NAME__.Components
-@using __STARTER_NAME__.Components.Layout
-@using __STARTER_NAME__.Components.Pages
-@using __STARTER_NAME__.Components.Wrappers
-@using ScbBlazor

package/starters/blazor/Program.cs

@@ -1,23 +0,0 @@
-using __STARTER_NAME__.Components;
-
-var builder = WebApplication.CreateBuilder(args);
-
-builder.Services.AddRazorComponents()
-    .AddInteractiveServerComponents();
-
-builder.Services.AddAntiforgery();
-
-var app = builder.Build();
-
-if (!app.Environment.IsDevelopment())
-{
-    app.UseExceptionHandler("/Error", createScopeForErrors: true);
-}
-
-app.UseStaticFiles();
-app.UseAntiforgery();
-
-app.MapRazorComponents<App>()
-   .AddInteractiveServerRenderMode();
-
-app.Run();

package/starters/blazor/README.md

@@ -1,28 +0,0 @@
-# __STARTER_NAME__
-
-Startapp för Blazor med SCB Web Components.
-
-## Kom igång
-
-```sh
-npm install
-npm run ui:setup
-dotnet run
-```
-
-## Det här ingår
-
-- `scb-header`
-- `scb-footer`
-- `scb-grid`
-- `scb-button`
-- `ScbAccordion` som wrapper-exempel
-
-## Var ändrar jag?
-
-- `Components/Layout/MainLayout.razor`: appens grundlayout
-- `Components/Pages/Home.razor`: startsidan
-
-## Grundregel
-
-Använd wrapper först när den finns. Använd web component-taggen direkt när det inte finns en wrapper eller när du bara behöver enkel layout.

package/starters/blazor/ScbStarterApp.csproj

@@ -1,7 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
-  <PropertyGroup>
-    <TargetFramework>net9.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-  </PropertyGroup>
-</Project>

package/starters/blazor/dot-gitignore

@@ -1,3 +0,0 @@
-bin
-obj
-node_modules

package/starters/blazor/package.json

@@ -1,14 +0,0 @@
-{
-  "name": "__STARTER_NAME__",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/__SCB_WC_PACKAGE_NAME__/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install?');process.exit(1);}const dst=p.resolve('wwwroot/ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync('wwwroot',{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\"",
-    "ui:blazor:interop": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/__SCB_WC_PACKAGE_NAME__/blazor');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install?');process.exit(1);}const csDst=p.resolve('ScbBlazor');const uiDst=p.resolve('wwwroot/ui');fs.mkdirSync(csDst,{recursive:true});fs.mkdirSync(uiDst,{recursive:true});fs.copyFileSync(p.join(src,'ScbBlazorInteropBase.cs'),p.join(csDst,'ScbBlazorInteropBase.cs'));fs.copyFileSync(p.join(src,'CustomEvents.cs'),p.join(csDst,'CustomEvents.cs'));fs.copyFileSync(p.join(src,'scb-blazor-bridge.js'),p.join(uiDst,'scb-blazor-bridge.js'));console.log('Kopierade Blazor-filer.');\"",
-    "ui:blazor:wrappers": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/__SCB_WC_PACKAGE_NAME__/blazor/wrappers');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install?');process.exit(1);}const dst=p.resolve('Components/Wrappers');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(p.dirname(dst),{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\"",
-    "ui:setup": "npm run ui:install && npm run ui:blazor:interop && npm run ui:blazor:wrappers"
-  },
-  "dependencies": {
-    "__SCB_WC_PACKAGE_NAME__": "^__SCB_WC_VERSION__"
-  }
-}

package/starters/blazor/wwwroot/app.css

@@ -1,54 +0,0 @@
-:root {
-  background: var(--md-sys-color-background);
-  color: var(--md-sys-color-on-background);
-}
-
-html,
-body {
-  margin: 0;
-  font-family: var(--brand-font, Inter, sans-serif);
-  background: var(--md-sys-color-background);
-  color: var(--md-sys-color-on-background);
-}
-
-.starter-shell {
-  min-height: 100vh;
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-}
-
-.starter-main {
-  width: min(1200px, calc(100% - 32px));
-  margin: 0 auto;
-}
-
-.hero,
-.panel {
-  display: grid;
-  gap: var(--spacing-5);
-  padding: var(--spacing-8);
-  border-radius: 24px;
-  background: var(--md-sys-color-surface-container-low);
-}
-
-.eyebrow {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.hero h1,
-.panel h2 {
-  margin: 0;
-}
-
-.lead {
-  margin: 0;
-  max-width: 65ch;
-}
-
-.actions {
-  display: flex;
-  gap: var(--spacing-4);
-  flex-wrap: wrap;
-}

package/starters/html/README.md

@@ -1,23 +0,0 @@
-# __STARTER_NAME__
-
-Startapp för vanlig HTML, CSS och JavaScript med SCB Web Components.
-
-## Kom igång
-
-```sh
-npm install
-npm run dev
-```
-
-## Det här ingår
-
-- `scb-header`
-- `scb-footer`
-- `scb-grid`
-- `scb-button`
-- `scb-accordion`
-
-## Var ändrar jag?
-
-- `index.html`: dokumentets skal
-- `main.js`: komponentimports och sidans markup

package/starters/html/dot-gitignore

@@ -1,2 +0,0 @@
-node_modules
-dist

package/starters/html/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="sv">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>SCB Starter HTML</title>
-    <script type="module" src="/main.js"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/starters/html/main.js

@@ -1,135 +0,0 @@
-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';
-
-document.querySelector('#app').innerHTML = `
-<!-- BASIC_TEMPLATE_HTML_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 HTML, CSS och JS</h1>
-            <p>För vanliga webbplatser och enklare lösningar utan ramverk.</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 html my-app"
-              ></scb-list-item>
-              <scb-list-item
-                type="text"
-                label="När den passar"
-                supporting-text="För vanliga webbplatser och enklare lösningar utan ramverk."
-              ></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_HTML_END -->
-`;

package/starters/html/package.json

@@ -1,16 +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__"
-  },
-  "devDependencies": {
-    "vite": "^8.0.9"
-  }
-}

package/starters/react/README.md

@@ -1,24 +0,0 @@
-# __STARTER_NAME__
-
-Startapp för React med SCB Web Components.
-
-## Kom igång
-
-```sh
-npm install
-npm run dev
-```
-
-## Det här ingår
-
-- `scb-header`
-- `scb-footer`
-- `scb-grid`
-- `scb-button`
-- `scb-accordion`
-
-## Var ändrar jag?
-
-- `src/App.jsx`: sidans struktur och komponenter
-- `src/main.jsx`: imports och bootstrap
-- `src/app.css`: sidans egna stilar

package/starters/react/dot-gitignore

@@ -1,2 +0,0 @@
-node_modules
-dist

package/starters/react/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="sv">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>SCB Starter React</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>