scb-wc 0.1.3 → 0.1.5

package/scb-wc.css

@@ -1,2 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap&icon_names=add,add_circle,apartment,arrow_back,arrow_back_ios,arrow_downward,arrow_drop_down,arrow_forward,arrow_forward_ios,arrow_outward,arrow_right,arrow_upward,article,assistant_direction,auto_stories,ballot,bar_chart,bid_landscape,book,book_2,border_color,breaking_news,bubble_chart,build,calendar_month,calendar_today,call_made,cancel,check,check_box,check_box_outline_blank,check_circle,check_small,checklist,chevron_left,chevron_right,close,code,code_blocks,colors,comment,compare_arrows,contact_support,content_copy,data_info_alert,data_table,database,database_search,deceased,delete,deployed_code,description,download,eco,edit,edit_square,error,event_note,expand_less,expand_more,explore,face,favorite,female,fiber_manual_record,filter_alt,filter_list,filter_vintage,folder,format_align_left,format_bold,format_color_text,format_list_bulleted,fullscreen,fullscreen_exit,grain,graph_7,grid_on,group,hearing,help,home,image,import_contacts,indeterminate_check_box,info,insert_chart,insert_chart_filled,inventory,keyboard_arrow_down,keyboard_arrow_up,label,language,laptop_windows,leaderboard,lightbulb,link,list,list_alt,location_on,location_searching,mail,male,manufacturing,menu,menu_book,mic,mobile,mobile_arrow_down,mode_comment,more_horiz,more_vert,mouse,nature,near_me,open_in_new,payment,percent,person,person_4,person_add,person_play,pin,play_arrow,preview,price_change,print,progress_activity,public,radio_button_checked,radio_button_unchecked,refresh,release_alert,remove,remove_circle,reorder,repeat,reply,restore,save,search,sell,settings,share,shopping_cart,shoppingmode,show_chart,sort,spa,space_bar,ssid_chart,straighten,style,subject,support,swap_horiz,table_chart,tablet,texture,thumb_up,toggle_off,toggle_on,touch_app,tune,unfold_less,unfold_more,upload,verified,view_list,view_module,visibility,visibility_off,volume_up,warning,work');
-@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:24px;--icon-size-medium:32px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
+@keyframes scb-kf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scb-kf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes scb-kf-slide-in{0%{opacity:0;transform:translate(var(--scb-kf-slide-from-x, -16px),var(--scb-kf-slide-from-y, 0px))}to{opacity:1;transform:translate(0,0)}}@keyframes scb-kf-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--scb-kf-slide-to-x, 16px),var(--scb-kf-slide-to-y, 0px))}}@keyframes scb-kf-scale-in{0%{opacity:0;transform:scale(var(--scb-kf-scale-from, 0.96))}to{opacity:1;transform:scale(1)}}@keyframes scb-kf-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--scb-kf-scale-to, 0.98))}}@keyframes scb-kf-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--scb-kf-pulse-scale, 1.04))}}:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:20px;--icon-size-medium:24px;--icon-size-large:30px;--icon-size-extra-large:36px;--icon-size-extra-extra-large:48px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}:root{--motion-scale-1:0.98;--motion-scale-2:0.96;--motion-scale-3:0.94;--motion-scale-4:0.92;--motion-scale-5:0.90;--motion-distance-0:0px;--motion-distance-1:4px;--motion-distance-2:8px;--motion-distance-3:12px;--motion-distance-4:16px;--motion-scale:var(--motion-scale-3);--motion-easing-linear:cubic-bezier(0, 0, 1, 1);--motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1);--motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--motion-easing-emphasized:var(--motion-easing-emphasized-decelerate);--motion-easing-emphasized-accelerate:cubic-bezier(0.3, 0, 0.8, 0.15);--motion-easing-emphasized-decelerate:cubic-bezier(0.05, 0.7, 0.1, 1);--motion-duration-short:calc(200ms * var(--motion-scale));--motion-duration-medium:calc(300ms * var(--motion-scale));--motion-duration-long:calc(500ms * var(--motion-scale));--motion-duration-extra-long:calc(700ms * var(--motion-scale));--motion-keyframe-fade-in:scb-kf-fade-in;--motion-keyframe-fade-out:scb-kf-fade-out;--motion-keyframe-slide-in:scb-kf-slide-in;--motion-keyframe-slide-out:scb-kf-slide-out;--motion-keyframe-scale-in:scb-kf-scale-in;--motion-keyframe-scale-out:scb-kf-scale-out;--motion-keyframe-pulse:scb-kf-pulse}:root[data-motion-scale="1"],[data-motion-scale="1"]{--motion-scale:var(--motion-scale-1)}:root[data-motion-scale="2"],[data-motion-scale="2"]{--motion-scale:var(--motion-scale-2)}:root[data-motion-scale="3"],[data-motion-scale="3"]{--motion-scale:var(--motion-scale-3)}:root[data-motion-scale="4"],[data-motion-scale="4"]{--motion-scale:var(--motion-scale-4)}:root[data-motion-scale="5"],[data-motion-scale="5"]{--motion-scale:var(--motion-scale-5)}@media (prefers-reduced-motion:reduce){:root{--motion-scale:var(--motion-scale-1)}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}

package/scb-wc.d.ts

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

package/starters/blazor/Components/App.razor

@@ -0,0 +1,34 @@
+@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

@@ -0,0 +1,39 @@
+@* 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

@@ -0,0 +1,80 @@
+@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

@@ -0,0 +1,14 @@
+@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

@@ -0,0 +1,10 @@
+@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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,28 @@
+# __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

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

package/starters/blazor/dot-gitignore

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

package/starters/blazor/package.json

@@ -0,0 +1,14 @@
+{
+  "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

@@ -0,0 +1,54 @@
+: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

@@ -0,0 +1,23 @@
+# __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

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

package/starters/html/index.html

@@ -0,0 +1,12 @@
+<!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>