mpana/copilot
1
0
Fork 0
mirror of https://github.com/yldio/copilot.git synced 2024-11-28 14:10:04 +02:00
Code Issues Releases Wiki Activity

fix(ui-toolkit): make Card compatible with grid system

Browse Source
This commit is contained in:
Sérgio Ramos 2017-07-26 16:11:23 +01:00 committed by Sérgio Ramos
parent b865a1d118
commit db58882a15
47 changed files with 427 additions and 422 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/cp-frontend/package.json
View File

@ -8,7 +8,7 @@
"scripts": { "scripts": {
"dev": "REACT_APP_GQL_PORT=3000 PORT=3069 react-scripts start", "dev": "REACT_APP_GQL_PORT=3000 PORT=3069 react-scripts start",
"start": "PORT=3069 react-scripts start", "start": "PORT=3069 react-scripts start",
"build": "react-scripts build", "build": "NODE_ENV=production react-scripts build",
"lint:css": "echo 0", "lint:css": "echo 0",
"lint:js": "eslint . --fix", "lint:js": "eslint . --fix",
"lint": "redrun -s lint:*", "lint": "redrun -s lint:*",

4
packages/cp-frontend/src/containers/services/list.js
View File

@ -2,6 +2,8 @@ import React, { Component } from 'react';
import { compose, graphql } from 'react-apollo'; import { compose, graphql } from 'react-apollo';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import styled from 'styled-components'; import styled from 'styled-components';
import forceArray from 'force-array';
import ServicesQuery from '@graphql/Services.gql'; import ServicesQuery from '@graphql/Services.gql';
import ServicesRestartMutation from '@graphql/ServicesRestartMutation.gql'; import ServicesRestartMutation from '@graphql/ServicesRestartMutation.gql';
import ServicesStopMutation from '@graphql/ServicesStopMutation.gql'; import ServicesStopMutation from '@graphql/ServicesStopMutation.gql';
@ -45,7 +47,7 @@ class ServiceList extends Component {
} = this.props; } = this.props;
if ( if (
loading || (loading && !forceArray(services).length) ||
(deploymentGroup.status === 'PROVISIONING' && !services.length) (deploymentGroup.status === 'PROVISIONING' && !services.length)
) { ) {
return ( return (

2
packages/ui-toolkit/.snapguidist/__snapshots__/Card-0.snap
View File

@ -1,6 +1,6 @@
exports[`Card-0 1`] = ` exports[`Card-0 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw hbXjIj" className="baseline-bICRiI vuCxY sc-gzVnrw hTpgYp"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD" className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD"

10
packages/ui-toolkit/.snapguidist/__snapshots__/Card-10.snap
View File

@ -1,9 +1,9 @@
exports[`Card-10 1`] = ` exports[`Card-10 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw hbXjIj" className="baseline-bICRiI vuCxY sc-gzVnrw hTpgYp"
name="card"> name="card">
<div <div
className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw EEjfB" className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw hZSQIi"
name="card-header"> name="card-header">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT" className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT"
@ -61,7 +61,7 @@ exports[`Card-10 1`] = `
className="baseline-iMHSlr gIqaSF sc-gZMcBi uLhlE sc-iwsKbI fJJDmf" className="baseline-iMHSlr gIqaSF sc-gZMcBi uLhlE sc-iwsKbI fJJDmf"
name="card-view"> name="card-view">
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw gFFWSQ" className="baseline-bICRiI vuCxY sc-gzVnrw kZZgWu"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD" className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD"
@ -89,7 +89,7 @@ exports[`Card-10 1`] = `
</div> </div>
</div> </div>
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw gFFWSQ" className="baseline-bICRiI vuCxY sc-gzVnrw kZZgWu"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD" className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD"
@ -133,7 +133,7 @@ exports[`Card-10 1`] = `
</div> </div>
</div> </div>
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw dTVoUi" className="baseline-bICRiI vuCxY sc-gzVnrw fSUqRX"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD" className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD"

2
packages/ui-toolkit/.snapguidist/__snapshots__/Card-2.snap
View File

@ -1,6 +1,6 @@
exports[`Card-2 1`] = ` exports[`Card-2 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw kzwIJz" className="baseline-bICRiI vuCxY sc-gzVnrw esssyn"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI jwPBgV" className="baseline-fRqHUu hfQLiT sc-iwsKbI jwPBgV"

4
packages/ui-toolkit/.snapguidist/__snapshots__/Card-4.snap
View File

@ -1,9 +1,9 @@
exports[`Card-4 1`] = ` exports[`Card-4 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw hbXjIj" className="baseline-bICRiI vuCxY sc-gzVnrw hTpgYp"
name="card"> name="card">
<div <div
className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw EEjfB" className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw hZSQIi"
name="card-header"> name="card-header">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT" className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT"

4
packages/ui-toolkit/.snapguidist/__snapshots__/Card-6.snap
View File

@ -1,9 +1,9 @@
exports[`Card-6 1`] = ` exports[`Card-6 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw EEjfB" className="baseline-bICRiI vuCxY sc-gzVnrw hZSQIi"
name="card"> name="card">
<div <div
className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw EEjfB" className="baseline-btTgpK bpXyln sc-dnqmqq fQWANf sc-gzVnrw hZSQIi"
name="card-header"> name="card-header">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT" className="baseline-fRqHUu hfQLiT sc-iwsKbI chhxXT"

2
packages/ui-toolkit/.snapguidist/__snapshots__/Card-8.snap
View File

@ -1,6 +1,6 @@
exports[`Card-8 1`] = ` exports[`Card-8 1`] = `
<div <div
className="baseline-bICRiI vuCxY sc-gzVnrw jNGRmm" className="baseline-bICRiI vuCxY sc-gzVnrw gnczvm"
name="card"> name="card">
<div <div
className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD" className="baseline-fRqHUu hfQLiT sc-iwsKbI dsjohD"

8
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-0.snap
View File

@ -6,16 +6,16 @@ exports[`Checkbox-0 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bQgEPp" id="kUzaG"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="bQgEPp" /> htmlFor="kUzaG" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="tdcPZ"> htmlFor="cyGqyE">
Check this out! Check this out!
</label> </label>
</div> </div>

32
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-10.snap
View File

@ -7,16 +7,16 @@ exports[`Checkbox-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bOhIC" id="IDtdS"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI HHzKC" className="toggle__Label-soSmI HHzKC"
htmlFor="bOhIC" /> htmlFor="IDtdS" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cgtlqe"> htmlFor="bhyXCk">
Check this out! Check this out!
</label> </label>
<label <label
@ -32,16 +32,16 @@ exports[`Checkbox-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bTsBJN" id="pMmOw"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI HHzKC" className="toggle__Label-soSmI HHzKC"
htmlFor="bTsBJN" /> htmlFor="pMmOw" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="nyTFu"> htmlFor="bAWgBn">
Check this out! Check this out!
</label> </label>
<label <label
@ -57,16 +57,16 @@ exports[`Checkbox-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="cswYPr" id="bEpWDI"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="cswYPr" /> htmlFor="bEpWDI" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="BXMBi"> htmlFor="jCrwp">
Check this out! Check this out!
</label> </label>
<label <label
@ -82,16 +82,16 @@ exports[`Checkbox-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="aojPD" id="wIZLF"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="aojPD" /> htmlFor="wIZLF" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="clbhyR"> htmlFor="cvcpKh">
Check this out! Check this out!
</label> </label>
<label <label

32
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-12.snap
View File

@ -7,16 +7,16 @@ exports[`Checkbox-12 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="ctqvdl" id="bPNkcB"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI lfNAGO" className="toggle__Label-soSmI lfNAGO"
htmlFor="ctqvdl" /> htmlFor="bPNkcB" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="clZmCy"> htmlFor="bEKWvT">
Check this out! Check this out!
</label> </label>
<label <label
@ -32,16 +32,16 @@ exports[`Checkbox-12 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bwNeCf" id="vINnJ"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI lfNAGO" className="toggle__Label-soSmI lfNAGO"
htmlFor="bwNeCf" /> htmlFor="vINnJ" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cpvAPz"> htmlFor="cqeJQP">
Check this out! Check this out!
</label> </label>
<label <label
@ -57,16 +57,16 @@ exports[`Checkbox-12 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="cFlJXg" id="bjdpqt"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="cFlJXg" /> htmlFor="bjdpqt" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="VJJOi"> htmlFor="bQKDFf">
Check this out! Check this out!
</label> </label>
<label <label
@ -82,16 +82,16 @@ exports[`Checkbox-12 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bqKDgl" id="bOznTu"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="bqKDgl" /> htmlFor="bOznTu" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bMjwds"> htmlFor="bmKqRv">
Check this out! Check this out!
</label> </label>
<label <label

8
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-14.snap
View File

@ -4,19 +4,19 @@ exports[`Checkbox-14 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cSnJm"> htmlFor="bODLFl">
Check this out! Check this out!
</label> </label>
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="befxrm" id="cmEOVu"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="befxrm" /> htmlFor="cmEOVu" />
</div> </div>
<label <label
className="baseline-cAWdSt jOHGnk sc-ckVGcZ etALwH"> className="baseline-cAWdSt jOHGnk sc-ckVGcZ etALwH">

16
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-16.snap
View File

@ -12,19 +12,19 @@ exports[`Checkbox-16 1`] = `
className="Col__Col-hCQanm rqKxU"> className="Col__Col-hCQanm rqKxU">
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cENLAs"> htmlFor="IzwYT">
Check this out! Check this out!
</label> </label>
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="ccSzsU" id="jEKoe"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="ccSzsU" /> htmlFor="jEKoe" />
</div> </div>
</div> </div>
</div> </div>
@ -62,19 +62,19 @@ exports[`Checkbox-16 1`] = `
className="Col__Col-hCQanm rqKxU"> className="Col__Col-hCQanm rqKxU">
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cjXfAZ"> htmlFor="Pnanx">
Check this out! Check this out!
</label> </label>
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bwLwZw" id="XNyNQ"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="bwLwZw" /> htmlFor="XNyNQ" />
</div> </div>
</div> </div>
</div> </div>

8
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-2.snap
View File

@ -7,16 +7,16 @@ exports[`Checkbox-2 1`] = `
type="checkbox"> type="checkbox">
<input <input
checked={true} checked={true}
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="hPPAv" id="bhKCLO"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="hPPAv" /> htmlFor="bhKCLO" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="PDamN"> htmlFor="blXsWJ">
Check this out! Check this out!
</label> </label>
</div> </div>

8
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-4.snap
View File

@ -6,17 +6,17 @@ exports[`Checkbox-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
disabled={true} disabled={true}
id="PdtKx" id="DuxoD"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="PdtKx" /> htmlFor="DuxoD" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bMuPIw"> htmlFor="ceELTy">
Check this out! Check this out!
</label> </label>
</div> </div>

8
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-6.snap
View File

@ -4,19 +4,19 @@ exports[`Checkbox-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cAuiJz"> htmlFor="henyP">
Check this out! Check this out!
</label> </label>
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="kgvuK" id="bfCqtj"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="kgvuK" /> htmlFor="bfCqtj" />
</div> </div>
</div> </div>
</fieldset> </fieldset>

32
packages/ui-toolkit/.snapguidist/__snapshots__/Checkbox-8.snap
View File

@ -7,16 +7,16 @@ exports[`Checkbox-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="FsQmq" id="xwaPA"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI ertJBI" className="toggle__Label-soSmI ertJBI"
htmlFor="FsQmq" /> htmlFor="xwaPA" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cBGrDG"> htmlFor="GChbR">
Check this out! Check this out!
</label> </label>
<label <label
@ -32,16 +32,16 @@ exports[`Checkbox-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="beCzTQ" id="twcGD"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI ertJBI" className="toggle__Label-soSmI ertJBI"
htmlFor="beCzTQ" /> htmlFor="twcGD" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bYpTvV"> htmlFor="BXFfu">
Check this out! Check this out!
</label> </label>
<label <label
@ -57,16 +57,16 @@ exports[`Checkbox-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="bhTblN" id="EqsYt"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="bhTblN" /> htmlFor="EqsYt" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="KJKut"> htmlFor="dYYRh">
Check this out! Check this out!
</label> </label>
<label <label
@ -82,16 +82,16 @@ exports[`Checkbox-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="checkbox"> type="checkbox">
<input <input
className="baseline-eRtFHU czaTJi sc-kEYyzF cwbzif" className="baseline-enlQhH klPuEH sc-iAyFgw gjtXtj"
id="ckCLtp" id="UZaej"
type="checkbox" /> type="checkbox" />
<label <label
className="toggle__Label-soSmI bQFovI" className="toggle__Label-soSmI bQFovI"
htmlFor="ckCLtp" /> htmlFor="UZaej" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cwutRI"> htmlFor="RlpUg">
Check this out! Check this out!
</label> </label>
<label <label

2
packages/ui-toolkit/.snapguidist/__snapshots__/CloseButton-0.snap
View File

@ -1,6 +1,6 @@
exports[`CloseButton-0 1`] = ` exports[`CloseButton-0 1`] = `
<button <button
className="sc-gipzik ebGrvT sc-bxivhb bOlNJJ"> className="sc-Rmtcm kVAySX sc-bxivhb bOlNJJ">
<svg <svg
className="baseline-hRjYWa iAaryv" className="baseline-hRjYWa iAaryv"
height="12" height="12"

6
packages/ui-toolkit/.snapguidist/__snapshots__/Dropdown-0.snap
View File

@ -12,9 +12,9 @@ exports[`Dropdown-0 1`] = `
Service Service
</label> </label>
<div <div
className="baseline-eePMVW jLRdeT dropdown__Container-kTmGgR iFAKgB"> className="baseline-eDpFvF hpgOJY dropdown__Container-kTmGgR iFAKgB">
<select <select
className="dropdown__StyledSelect-dniSqW iGqWTY baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="dropdown__StyledSelect-dniSqW iGqWTY baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
defaultValue="Choose" defaultValue="Choose"
id=""> id="">
<option <option
@ -36,7 +36,7 @@ exports[`Dropdown-0 1`] = `
</option> </option>
</select> </select>
<svg <svg
className="dropdown__StyledArrowIcon-dcjYYg XaxjJ baseline-dvzlav jFVXMX" className="dropdown__StyledArrowIcon-dcjYYg XaxjJ baseline-gnLaHO kbiDZr"
height="6" height="6"
viewBox="0 0 9 6" viewBox="0 0 9 6"
width="9" width="9"

6
packages/ui-toolkit/.snapguidist/__snapshots__/Header-0.snap
View File

@ -4,21 +4,21 @@ exports[`Header-0 1`] = `
<div <div
className="brand__Box-cSEQoZ eHrgNF"> className="brand__Box-cSEQoZ eHrgNF">
<h2 <h2
className="sc-brqgnP imvidU"> className="sc-jAaTju jPOEQf">
Triton Triton
</h2> </h2>
</div> </div>
<div <div
className="item__Box-hzIdkQ xujDc"> className="item__Box-hzIdkQ xujDc">
<p <p
className="sc-cMljjf jpHqrX"> className="sc-jDwBTQ dzLVZS">
eu-east-1 eu-east-1
</p> </p>
</div> </div>
<div <div
className="item__Box-hzIdkQ xujDc"> className="item__Box-hzIdkQ xujDc">
<p <p
className="sc-cMljjf jpHqrX"> className="sc-jDwBTQ dzLVZS">
Nicola Nicola
</p> </p>
</div> </div>

4
packages/ui-toolkit/.snapguidist/__snapshots__/Input-10.snap
View File

@ -4,12 +4,12 @@ exports[`Input-10 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bwQQBD"> htmlFor="tshLM">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="bwQQBD" id="tshLM"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label

4
packages/ui-toolkit/.snapguidist/__snapshots__/Input-2.snap
View File

@ -4,12 +4,12 @@ exports[`Input-2 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="KxDLL"> htmlFor="bTKoLq">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="KxDLL" id="bTKoLq"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<small <small

16
packages/ui-toolkit/.snapguidist/__snapshots__/Input-4.snap
View File

@ -5,12 +5,12 @@ exports[`Input-4 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bWTjQB"> htmlFor="bWzNQD">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="bWTjQB" id="bWzNQD"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -24,12 +24,12 @@ exports[`Input-4 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cCZWIJ"> htmlFor="ciukjy">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV coHhQj" className="baseline-grrZDR eICGBO sc-chPdSV coHhQj"
id="cCZWIJ" id="ciukjy"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -43,12 +43,12 @@ exports[`Input-4 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cgBbsv"> htmlFor="cxOzWU">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV coHhQj" className="baseline-grrZDR eICGBO sc-chPdSV coHhQj"
id="cgBbsv" id="cxOzWU"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -62,12 +62,12 @@ exports[`Input-4 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cchqFe"> htmlFor="YncF">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="cchqFe" id="YncF"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label

16
packages/ui-toolkit/.snapguidist/__snapshots__/Input-6.snap
View File

@ -5,12 +5,12 @@ exports[`Input-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="CZllp"> htmlFor="cDdTWR">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="CZllp" id="cDdTWR"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -24,12 +24,12 @@ exports[`Input-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bCBhHX"> htmlFor="bwrAKk">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV jgvuqV" className="baseline-grrZDR eICGBO sc-chPdSV jgvuqV"
id="bCBhHX" id="bwrAKk"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -43,12 +43,12 @@ exports[`Input-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="IHrIh"> htmlFor="bYgGTg">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV jgvuqV" className="baseline-grrZDR eICGBO sc-chPdSV jgvuqV"
id="IHrIh" id="bYgGTg"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -62,12 +62,12 @@ exports[`Input-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bwCYUK"> htmlFor="HORSO">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="bwCYUK" id="HORSO"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label

16
packages/ui-toolkit/.snapguidist/__snapshots__/Input-8.snap
View File

@ -5,12 +5,12 @@ exports[`Input-8 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="XPDYM"> htmlFor="qdhV">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="XPDYM" id="qdhV"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -24,12 +24,12 @@ exports[`Input-8 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="qdROV"> htmlFor="dlDoD">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV jicOQn" className="baseline-grrZDR eICGBO sc-chPdSV jicOQn"
id="qdROV" id="dlDoD"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -43,12 +43,12 @@ exports[`Input-8 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bOhxeq"> htmlFor="bkqhjy">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV jicOQn" className="baseline-grrZDR eICGBO sc-chPdSV jicOQn"
id="bOhxeq" id="bkqhjy"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label
@ -62,12 +62,12 @@ exports[`Input-8 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bpZMvk"> htmlFor="bcKrpP">
Email Address Email Address
</label> </label>
<input <input
className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH" className="baseline-grrZDR eICGBO sc-chPdSV dXKwMH"
id="bpZMvk" id="bcKrpP"
placeholder="Enter email" placeholder="Enter email"
type="email" /> type="email" />
<label <label

24
packages/ui-toolkit/.snapguidist/__snapshots__/ProgressBar-0.snap
View File

@ -2,13 +2,13 @@ exports[`ProgressBar-0 1`] = `
<ul <ul
className="progress-bar__StyledList-fBsebO fWFANq"> className="progress-bar__StyledList-fBsebO fWFANq">
<li <li
className="baseline-iIgrag kHxfDo item__StyledItem-lfMPWI bnmuPO"> className="baseline-eePMVW jLRdeT item__StyledItem-lfMPWI bnmuPO">
<div <div
className="baseline-BQWPM lnCTlm button__StyledContainer-HJcao mNxum"> className="baseline-dGYsfJ jNkStq button__StyledContainer-HJcao mNxum">
<span <span
className="baseline-dGYsfJ jNkStq indicator__StyledIndicator-jnpRni limCBi"> className="baseline-iIgrag kHxfDo indicator__StyledIndicator-jnpRni limCBi">
<svg <svg
className="indicator__Tick-emlwMD iuRSnB baseline-ekKPvj fmhsHq" className="indicator__Tick-emlwMD iuRSnB baseline-dvzlav jFVXMX"
completed={true} completed={true}
first={true} first={true}
height="9" height="9"
@ -32,14 +32,14 @@ exports[`ProgressBar-0 1`] = `
</div> </div>
</li> </li>
<li <li
className="baseline-iIgrag kHxfDo item__StyledItem-lfMPWI bnmuPO"> className="baseline-eePMVW jLRdeT item__StyledItem-lfMPWI bnmuPO">
<div <div
className="baseline-BQWPM lnCTlm button__StyledContainer-HJcao jrPVRk"> className="baseline-dGYsfJ jNkStq button__StyledContainer-HJcao jrPVRk">
<span <span
className="baseline-dGYsfJ jNkStq indicator__StyledIndicator-jnpRni jSkXBk"> className="baseline-iIgrag kHxfDo indicator__StyledIndicator-jnpRni jSkXBk">
<svg <svg
active={true} active={true}
className="indicator__Tick-emlwMD jJvzny baseline-ekKPvj fmhsHq" className="indicator__Tick-emlwMD jJvzny baseline-dvzlav jFVXMX"
height="9" height="9"
viewBox="0 0 9 9" viewBox="0 0 9 9"
width="9" width="9"
@ -61,13 +61,13 @@ exports[`ProgressBar-0 1`] = `
</div> </div>
</li> </li>
<li <li
className="baseline-iIgrag kHxfDo item__StyledItem-lfMPWI bnmuPO"> className="baseline-eePMVW jLRdeT item__StyledItem-lfMPWI bnmuPO">
<div <div
className="baseline-BQWPM lnCTlm button__StyledContainer-HJcao bZSrGl"> className="baseline-dGYsfJ jNkStq button__StyledContainer-HJcao bZSrGl">
<span <span
className="baseline-dGYsfJ jNkStq indicator__StyledIndicator-jnpRni haBONg"> className="baseline-iIgrag kHxfDo indicator__StyledIndicator-jnpRni haBONg">
<svg <svg
className="indicator__Tick-emlwMD fNWovh baseline-ekKPvj fmhsHq" className="indicator__Tick-emlwMD fNWovh baseline-dvzlav jFVXMX"
height="9" height="9"
last={true} last={true}
viewBox="0 0 9 9" viewBox="0 0 9 9"

28
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-0.snap
View File

@ -3,11 +3,11 @@ exports[`Radio-0 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
@ -15,18 +15,18 @@ exports[`Radio-0 1`] = `
type="radio"> type="radio">
<input <input
checked={true} checked={true}
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="BvHkn" id="ctoAYM"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="BvHkn" /> htmlFor="ctoAYM" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="BvHkn"> htmlFor="ctoAYM">
Video Video
</label> </label>
</li> </li>
@ -36,18 +36,18 @@ exports[`Radio-0 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="crRuJS" id="ctIWjX"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="crRuJS" /> htmlFor="ctIWjX" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="crRuJS"> htmlFor="ctIWjX">
TV TV
</label> </label>
</li> </li>
@ -57,18 +57,18 @@ exports[`Radio-0 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bpkHF" id="bfgVhF"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bpkHF" /> htmlFor="bfgVhF" />
</div> </div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bpkHF"> htmlFor="bfgVhF">
Netflix Netflix
</label> </label>
</li> </li>

22
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-10.snap
View File

@ -3,7 +3,7 @@ exports[`Radio-10 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -11,21 +11,21 @@ exports[`Radio-10 1`] = `
I\'m a children of meta I\'m a children of meta
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="xqZtm" id="ckWPHU"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="xqZtm" /> htmlFor="ckWPHU" />
</div> </div>
Video Video
</li> </li>
@ -35,14 +35,14 @@ exports[`Radio-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="wLgbp" id="xWSsg"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="wLgbp" /> htmlFor="xWSsg" />
</div> </div>
TV TV
</li> </li>
@ -52,14 +52,14 @@ exports[`Radio-10 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bVQcBn" id="bCafNV"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bVQcBn" /> htmlFor="bCafNV" />
</div> </div>
Netflix Netflix
</li> </li>

22
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-2.snap
View File

@ -3,26 +3,26 @@ exports[`Radio-2 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
disabled={true} disabled={true}
id="ckSJIN" id="canBBP"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="ckSJIN" /> htmlFor="canBBP" />
</div> </div>
Video Video
</li> </li>
@ -32,15 +32,15 @@ exports[`Radio-2 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
disabled={true} disabled={true}
id="fvuEh" id="IODVO"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="fvuEh" /> htmlFor="IODVO" />
</div> </div>
TV TV
</li> </li>
@ -50,15 +50,15 @@ exports[`Radio-2 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
disabled={true} disabled={true}
id="omgcA" id="cwICbp"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="omgcA" /> htmlFor="cwICbp" />
</div> </div>
Netflix Netflix
</li> </li>

88
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-4.snap
View File

@ -4,7 +4,7 @@ exports[`Radio-4 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -12,21 +12,21 @@ exports[`Radio-4 1`] = `
Unexpected inline error! Unexpected inline error!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cgTtxc" id="cEJkGq"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="cgTtxc" /> htmlFor="cEJkGq" />
</div> </div>
Video Video
</li> </li>
@ -36,14 +36,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="qGHRS" id="HQjoh"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="qGHRS" /> htmlFor="HQjoh" />
</div> </div>
TV TV
</li> </li>
@ -53,14 +53,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="dhYkV" id="bJIDsV"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="dhYkV" /> htmlFor="bJIDsV" />
</div> </div>
Netflix Netflix
</li> </li>
@ -71,7 +71,7 @@ exports[`Radio-4 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -79,21 +79,21 @@ exports[`Radio-4 1`] = `
Unexpected group error! Unexpected group error!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="ckfzgF" id="bKVvJE"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="ckfzgF" /> htmlFor="bKVvJE" />
</div> </div>
Video Video
</li> </li>
@ -103,14 +103,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bqPlCY" id="bcIuTu"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="bqPlCY" /> htmlFor="bcIuTu" />
</div> </div>
TV TV
</li> </li>
@ -120,14 +120,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="txghV" id="fwNEe"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="txghV" /> htmlFor="fwNEe" />
</div> </div>
Netflix Netflix
</li> </li>
@ -138,7 +138,7 @@ exports[`Radio-4 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -146,21 +146,21 @@ exports[`Radio-4 1`] = `
Unexpected meta error! Unexpected meta error!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="crhMGo" id="BDjtv"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="crhMGo" /> htmlFor="BDjtv" />
</div> </div>
Video Video
</li> </li>
@ -170,14 +170,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bqBuCE" id="IMZia"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="bqBuCE" /> htmlFor="IMZia" />
</div> </div>
TV TV
</li> </li>
@ -187,14 +187,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cqZXwC" id="JORVW"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI cuZNED" className="toggle__Label-soSmI cuZNED"
htmlFor="cqZXwC" /> htmlFor="JORVW" />
</div> </div>
Netflix Netflix
</li> </li>
@ -205,7 +205,7 @@ exports[`Radio-4 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -213,21 +213,21 @@ exports[`Radio-4 1`] = `
Unexpected children error! Unexpected children error!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="brvELW" id="bqtNrS"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="brvELW" /> htmlFor="bqtNrS" />
</div> </div>
Video Video
</li> </li>
@ -237,14 +237,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cAlLld" id="cUZLi"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="cAlLld" /> htmlFor="cUZLi" />
</div> </div>
TV TV
</li> </li>
@ -254,14 +254,14 @@ exports[`Radio-4 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="JRBUI" id="iVBnQ"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="JRBUI" /> htmlFor="iVBnQ" />
</div> </div>
Netflix Netflix
</li> </li>

88
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-6.snap
View File

@ -4,7 +4,7 @@ exports[`Radio-6 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -12,21 +12,21 @@ exports[`Radio-6 1`] = `
Unexpected inline warning! Unexpected inline warning!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bWQEBf" id="FEHSq"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bWQEBf" /> htmlFor="FEHSq" />
</div> </div>
Video Video
</li> </li>
@ -36,14 +36,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bJSqSe" id="bwsmNG"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bJSqSe" /> htmlFor="bwsmNG" />
</div> </div>
TV TV
</li> </li>
@ -53,14 +53,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cBrBsk" id="cdDybd"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="cBrBsk" /> htmlFor="cdDybd" />
</div> </div>
Netflix Netflix
</li> </li>
@ -71,7 +71,7 @@ exports[`Radio-6 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -79,21 +79,21 @@ exports[`Radio-6 1`] = `
Unexpected group warning! Unexpected group warning!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bPqPGO" id="mKpUJ"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="bPqPGO" /> htmlFor="mKpUJ" />
</div> </div>
Video Video
</li> </li>
@ -103,14 +103,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bHUcSW" id="bhUdTP"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="bHUcSW" /> htmlFor="bhUdTP" />
</div> </div>
TV TV
</li> </li>
@ -120,14 +120,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="aLCiX" id="caBqYt"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="aLCiX" /> htmlFor="caBqYt" />
</div> </div>
Netflix Netflix
</li> </li>
@ -138,7 +138,7 @@ exports[`Radio-6 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -146,21 +146,21 @@ exports[`Radio-6 1`] = `
Unexpected meta warning! Unexpected meta warning!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bKyptB" id="KuIqw"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="bKyptB" /> htmlFor="KuIqw" />
</div> </div>
Video Video
</li> </li>
@ -170,14 +170,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="Tplcf" id="bDvFNB"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="Tplcf" /> htmlFor="bDvFNB" />
</div> </div>
TV TV
</li> </li>
@ -187,14 +187,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="ciCbft" id="EmZwa"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI iPYvFO" className="toggle__Label-soSmI iPYvFO"
htmlFor="ciCbft" /> htmlFor="EmZwa" />
</div> </div>
Netflix Netflix
</li> </li>
@ -205,7 +205,7 @@ exports[`Radio-6 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -213,21 +213,21 @@ exports[`Radio-6 1`] = `
Unexpected children warning! Unexpected children warning!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bzjYaT" id="Dsxgp"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bzjYaT" /> htmlFor="Dsxgp" />
</div> </div>
Video Video
</li> </li>
@ -237,14 +237,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="RSKvU" id="WtwmZ"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="RSKvU" /> htmlFor="WtwmZ" />
</div> </div>
TV TV
</li> </li>
@ -254,14 +254,14 @@ exports[`Radio-6 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bHbNwI" id="ckdQLu"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bHbNwI" /> htmlFor="ckdQLu" />
</div> </div>
Netflix Netflix
</li> </li>

88
packages/ui-toolkit/.snapguidist/__snapshots__/Radio-8.snap
View File

@ -4,7 +4,7 @@ exports[`Radio-8 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -12,21 +12,21 @@ exports[`Radio-8 1`] = `
Unexpected inline success! Unexpected inline success!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cGdKXP" id="bmpXFA"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="cGdKXP" /> htmlFor="bmpXFA" />
</div> </div>
Video Video
</li> </li>
@ -36,14 +36,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="beMXau" id="bSzaRC"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="beMXau" /> htmlFor="bSzaRC" />
</div> </div>
TV TV
</li> </li>
@ -53,14 +53,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bEShBt" id="pNb"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="bEShBt" /> htmlFor="pNb" />
</div> </div>
Netflix Netflix
</li> </li>
@ -71,7 +71,7 @@ exports[`Radio-8 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -79,21 +79,21 @@ exports[`Radio-8 1`] = `
Unexpected group success! Unexpected group success!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="jrXgk" id="bvKZsn"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="jrXgk" /> htmlFor="bvKZsn" />
</div> </div>
Video Video
</li> </li>
@ -103,14 +103,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cmSnhh" id="eVUE"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="cmSnhh" /> htmlFor="eVUE" />
</div> </div>
TV TV
</li> </li>
@ -120,14 +120,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="hPEzV" id="bebREK"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="hPEzV" /> htmlFor="bebREK" />
</div> </div>
Netflix Netflix
</li> </li>
@ -138,7 +138,7 @@ exports[`Radio-8 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -146,21 +146,21 @@ exports[`Radio-8 1`] = `
Unexpected meta success! Unexpected meta success!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cspGMm" id="qbxXr"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="cspGMm" /> htmlFor="qbxXr" />
</div> </div>
Video Video
</li> </li>
@ -170,14 +170,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bhvMKn" id="qqhkh"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="bhvMKn" /> htmlFor="qqhkh" />
</div> </div>
TV TV
</li> </li>
@ -187,14 +187,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="bTCglY" id="NOCSo"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI ecfPhl" className="toggle__Label-soSmI ecfPhl"
htmlFor="bTCglY" /> htmlFor="NOCSo" />
</div> </div>
Netflix Netflix
</li> </li>
@ -205,7 +205,7 @@ exports[`Radio-8 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<label <label
@ -213,21 +213,21 @@ exports[`Radio-8 1`] = `
Unexpected children success! Unexpected children success!
</label> </label>
<ul <ul
className="sc-hSdWYo bIDotp"> className="sc-cvbbAY fOGvPE">
<li <li
className="radio__Li-hRYgmp dhbKVQ"> className="radio__Li-hRYgmp dhbKVQ">
<div <div
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="hGiUq" id="lXBpo"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="hGiUq" /> htmlFor="lXBpo" />
</div> </div>
Video Video
</li> </li>
@ -237,14 +237,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="cGmweu" id="bBvMQB"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="cGmweu" /> htmlFor="bBvMQB" />
</div> </div>
TV TV
</li> </li>
@ -254,14 +254,14 @@ exports[`Radio-8 1`] = `
className="toggle__InnerContainer-hKefxl bVmJyd" className="toggle__InnerContainer-hKefxl bVmJyd"
type="radio"> type="radio">
<input <input
className="baseline-imhrAe cnnTnF sc-kEYyzF cwbzif" className="baseline-eRtFHU czaTJi sc-iAyFgw gjtXtj"
id="RMsNf" id="zZwfw"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-soSmI gCagwo" className="toggle__Label-soSmI gCagwo"
htmlFor="RMsNf" /> htmlFor="zZwfw" />
</div> </div>
Netflix Netflix
</li> </li>

26
packages/ui-toolkit/.snapguidist/__snapshots__/SectionList-0.snap
View File

@ -1,45 +1,45 @@
exports[`SectionList-0 1`] = ` exports[`SectionList-0 1`] = `
<ul <ul
className="baseline-LlDMp hhjWUX section-list__UnorderedList-fejFlV jlJaVM"> className="baseline-jwGfhW dhkNKl section-list__UnorderedList-fejFlV jlJaVM">
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="active sc-jDwBTQ iVPvUR"> className="active sc-iRbamj jVGhjZ">
Overview Overview
</a> </a>
</li> </li>
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="sc-jDwBTQ iVPvUR"> className="sc-iRbamj jVGhjZ">
Services Services
</a> </a>
</li> </li>
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="sc-jDwBTQ iVPvUR"> className="sc-iRbamj jVGhjZ">
Instances Instances
</a> </a>
</li> </li>
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="sc-jDwBTQ iVPvUR"> className="sc-iRbamj jVGhjZ">
Versions Versions
</a> </a>
</li> </li>
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="sc-jDwBTQ iVPvUR"> className="sc-iRbamj jVGhjZ">
Manifest Manifest
</a> </a>
</li> </li>
<li <li
className="baseline-jwGfhW dhkNKl item__Li-bkOqhh gpsnTo"> className="baseline-BQWPM lnCTlm item__Li-bkOqhh gpsnTo">
<a <a
className="sc-jDwBTQ iVPvUR"> className="sc-iRbamj jVGhjZ">
Settings Settings
</a> </a>
</li> </li>

6
packages/ui-toolkit/.snapguidist/__snapshots__/Select-0.snap
View File

@ -4,12 +4,12 @@ exports[`Select-0 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="btFTGx"> htmlFor="bvLIng">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="btFTGx" id="bvLIng"
placeholder="Select Location"> placeholder="Select Location">
<option <option
value="1"> value="1">

24
packages/ui-toolkit/.snapguidist/__snapshots__/Select-10.snap
View File

@ -5,12 +5,12 @@ exports[`Select-10 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bWPctT"> htmlFor="zLBBA">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="bWPctT"> id="zLBBA">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -35,12 +35,12 @@ exports[`Select-10 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="gknAd"> htmlFor="curMvx">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL cEWfwg" className="baseline-imhrAe cnnTnF sc-jWBwVP fdhrAk"
id="gknAd"> id="curMvx">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -65,12 +65,12 @@ exports[`Select-10 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bmjoRO"> htmlFor="VCnhI">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL cEWfwg" className="baseline-imhrAe cnnTnF sc-jWBwVP fdhrAk"
id="bmjoRO"> id="VCnhI">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -95,12 +95,12 @@ exports[`Select-10 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="cuCWwE"> htmlFor="bYblUz">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="cuCWwE"> id="bYblUz">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>

24
packages/ui-toolkit/.snapguidist/__snapshots__/Select-12.snap
View File

@ -5,12 +5,12 @@ exports[`Select-12 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="keUQa"> htmlFor="XHHqb">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="keUQa"> id="XHHqb">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -35,12 +35,12 @@ exports[`Select-12 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="iwFBn"> htmlFor="bvtgDf">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL dHVowQ" className="baseline-imhrAe cnnTnF sc-jWBwVP VVNEI"
id="iwFBn"> id="bvtgDf">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -65,12 +65,12 @@ exports[`Select-12 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bHPIwo"> htmlFor="bonmtu">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL dHVowQ" className="baseline-imhrAe cnnTnF sc-jWBwVP VVNEI"
id="bHPIwo"> id="bonmtu">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -95,12 +95,12 @@ exports[`Select-12 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="fxnTI"> htmlFor="jsoip">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="fxnTI"> id="jsoip">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>

24
packages/ui-toolkit/.snapguidist/__snapshots__/Select-14.snap
View File

@ -5,12 +5,12 @@ exports[`Select-14 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bhLOPM"> htmlFor="cBXCyy">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="bhLOPM"> id="cBXCyy">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -35,12 +35,12 @@ exports[`Select-14 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="ccbPvB"> htmlFor="oVNem">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL dqhDPf" className="baseline-imhrAe cnnTnF sc-jWBwVP cttmNV"
id="ccbPvB"> id="oVNem">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -65,12 +65,12 @@ exports[`Select-14 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="czSslB"> htmlFor="oFxLS">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL dqhDPf" className="baseline-imhrAe cnnTnF sc-jWBwVP cttmNV"
id="czSslB"> id="oFxLS">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>
@ -95,12 +95,12 @@ exports[`Select-14 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="begiLB"> htmlFor="caFxDw">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="begiLB"> id="caFxDw">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>

6
packages/ui-toolkit/.snapguidist/__snapshots__/Select-16.snap
View File

@ -4,12 +4,12 @@ exports[`Select-16 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bQztBr"> htmlFor="KRekN">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="bQztBr"> id="KRekN">
<option> <option>
Amsterdam, EU Amsterdam, EU
</option> </option>

2
packages/ui-toolkit/.snapguidist/__snapshots__/Select-2.snap
View File

@ -1,6 +1,6 @@
exports[`Select-2 1`] = ` exports[`Select-2 1`] = `
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id=""> id="">
<option <option
disabled={true} disabled={true}

6
packages/ui-toolkit/.snapguidist/__snapshots__/Select-4.snap
View File

@ -4,13 +4,13 @@ exports[`Select-4 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bTuDhz"> htmlFor="KJVIH">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
disabled={true} disabled={true}
id="bTuDhz"> id="KJVIH">
<option <option
disabled={true} disabled={true}
selected={true}> selected={true}>

6
packages/ui-toolkit/.snapguidist/__snapshots__/Select-6.snap
View File

@ -4,12 +4,12 @@ exports[`Select-6 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="bqstTY"> htmlFor="cyCJTT">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL jhMtlq" className="baseline-imhrAe cnnTnF sc-jWBwVP kNsReO"
id="bqstTY"> id="cyCJTT">
<option <option
disabled={true} disabled={true}
selected={true}> selected={true}>

6
packages/ui-toolkit/.snapguidist/__snapshots__/Select-8.snap
View File

@ -4,12 +4,12 @@ exports[`Select-8 1`] = `
<div> <div>
<label <label
className="sc-kpOJdX gxFurI" className="sc-kpOJdX gxFurI"
htmlFor="YiYIR"> htmlFor="bgkQnH">
Your location Your location
</label> </label>
<select <select
className="baseline-isNNDV dMweWC sc-eHgmQL ljfWFB" className="baseline-imhrAe cnnTnF sc-jWBwVP kvlLEl"
id="YiYIR" id="bgkQnH"
multiple={true}> multiple={true}>
<option> <option>
Amsterdam, EU Amsterdam, EU

28
packages/ui-toolkit/.snapguidist/__snapshots__/Toggle-0.snap
View File

@ -3,64 +3,64 @@ exports[`Toggle-0 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-jWBwVP kOnUfl"> className="sc-cMljjf iJHuNY">
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="emnfZ"> id="bjmOak">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="mftvO" id="xDTom"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="mftvO"> htmlFor="xDTom">
Video Video
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="emnfZ"> id="bjmOak">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="cbaohD" id="PWAtJ"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="cbaohD"> htmlFor="PWAtJ">
TV TV
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="emnfZ"> id="bjmOak">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="bQoRat" id="bIivwK"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="bQoRat"> htmlFor="bIivwK">
Netflix Netflix
</label> </label>
</div> </div>

28
packages/ui-toolkit/.snapguidist/__snapshots__/Toggle-2.snap
View File

@ -3,64 +3,64 @@ exports[`Toggle-2 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-jWBwVP kOnUfl"> className="sc-cMljjf iJHuNY">
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="XXgft"> id="bEWxMO">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={true} checked={true}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="chLDPo" id="cmHWld"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="chLDPo"> htmlFor="cmHWld">
Video Video
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="XXgft"> id="bEWxMO">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="bONojW" id="ZwyOT"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="bONojW"> htmlFor="ZwyOT">
TV TV
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="XXgft"> id="bEWxMO">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="bEadAF" id="VHwBB"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="bEadAF"> htmlFor="VHwBB">
Netflix Netflix
</label> </label>
</div> </div>

20
packages/ui-toolkit/.snapguidist/__snapshots__/Toggle-4.snap
View File

@ -3,45 +3,45 @@ exports[`Toggle-4 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-jWBwVP kOnUfl"> className="sc-cMljjf iJHuNY">
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="IHOBE"> id="bFWzCR">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={true} checked={true}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="cgQHuW" id="cCXrXZ"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="cgQHuW"> htmlFor="cCXrXZ">
TV TV
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="IHOBE"> id="bFWzCR">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
id="bkDCZy" id="bmyBGU"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="bkDCZy"> htmlFor="bmyBGU">
Netflix Netflix
</label> </label>
</div> </div>

28
packages/ui-toolkit/.snapguidist/__snapshots__/Toggle-6.snap
View File

@ -3,67 +3,67 @@ exports[`Toggle-6 1`] = `
className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf"> className="baseline-hZpvlZ bQdLhh sc-kGXeez cEabLf">
<div> <div>
<legend <legend
className="sc-iAyFgw fDDYCs"> className="sc-eHgmQL jXHmLG">
Who killed the radio star? Who killed the radio star?
</legend> </legend>
<ul <ul
className="sc-jWBwVP kOnUfl"> className="sc-cMljjf iJHuNY">
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="cuAoVE"> id="caDOlS">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
disabled={true} disabled={true}
id="bvuirh" id="ckPCiG"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="video" /> value="video" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="bvuirh"> htmlFor="ckPCiG">
Video Video
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="cuAoVE"> id="caDOlS">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
disabled={true} disabled={true}
id="cotudm" id="csdkdW"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="tv" /> value="tv" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="cotudm"> htmlFor="csdkdW">
TV TV
</label> </label>
</div> </div>
</li> </li>
<li <li
className="toggle__Li-NAdHA fguoyM" className="toggle__Li-NAdHA fguoyM"
id="cuAoVE"> id="caDOlS">
<div <div
className="toggle__InputContainer-jJfPwy gGKbok"> className="toggle__InputContainer-jJfPwy gGKbok">
<input <input
checked={false} checked={false}
className="baseline-eDpFvF hpgOJY sc-cvbbAY gByntD" className="baseline-isNNDV dMweWC sc-brqgnP lhSyiT"
disabled={true} disabled={true}
id="DWepz" id="bSqIcr"
name="who-killed" name="who-killed"
type="radio" type="radio"
value="netflix" /> value="netflix" />
<label <label
className="toggle__Label-biqdhu cWnfSi" className="toggle__Label-biqdhu cWnfSi"
htmlFor="DWepz"> htmlFor="bSqIcr">
Netflix Netflix
</label> </label>
</div> </div>

3
packages/ui-toolkit/src/card/card.js
View File

@ -18,6 +18,9 @@ const StyledCard = Row.extend`
box-shadow: ${bottomShaddow}; box-shadow: ${bottomShaddow};
flex-direction: column; flex-direction: column;
margin-right: ${remcalc(0)};
margin-left: ${remcalc(0)};
${is('collapsed')` ${is('collapsed')`
min-height: auto; min-height: auto;
height: ${remcalc(48)}; height: ${remcalc(48)};