Files
HMDesign/docs/sw/integrated-improvement-qa/consumer/integrated-consumer-result.json
T
shkim4andClaude Opus 5.5 55179b4577 feat(sw): integrated improvement 0.2.0 (popup content, header open, tool buttons)
SW package 0.2.0 integrated improvement (Task A, steps 1-8). All new props are
optional; existing SW Stories are pixel-identical to the previous build (28/28).

- Build reproducibility: dist text normalized to LF, dist/build-info.json
  (commit, dirty, tool versions, no timestamp), packages/sw/.gitattributes
  (eol=lf). LF checkouts give identical dist and tarball.
- SWHeader: documentOpenPlacement ("menu" default | "header": Open right of
  the logo in the existing document-button look, reusing onDocumentOpen and
  documentOpenLabel, no duplicate Open in the dropdown), leading slot,
  hiddenControls sub-items documentNew / documentOpen / layerFreeze /
  layerLock. Open moves into More on measured overflow (with hysteresis).
- showNew / showOpen (SWHeaderDocumentTitle), showFreeze / showLock (layer
  menu, field, property window list).
- SWToolButton (text / pill / document) and SWToolGroup (radio selection),
  reusing the existing toggle, pill and file-name looks.
- SWPopup / SWPopupSection / SWPopupRow on the shared property window frame;
  SWHeaderPropertyPanel gains children, title, autoFocus and optional
  selection / properties / groups. Escape stack for several popups.
- Field dropdowns inside a popup use the shared fixed overlay
  (useSWFixedDropdownPosition), so the scrolling body no longer clips them.
- AI guide, examples E/F, README, Storybook (SW/Header/Options, SW/Tool,
  SW/Popup) and verification record docs/sw/sw-integrated-improvement-2026-10-19.md.
- Regression scripts rescoped for the intended changes (unused-removal 81/81,
  overview 52/54 with the two pre-existing historical assertions).

Known limitation (unresolved): tools / leading content (incl. SWToolGroup)
does not move into More. With a wide tool bar the configured fields shrink
instead; in Example F the document name and layer field reach 0px at 390px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-19 14:49:19 +09:00

684 lines
22 KiB
JSON

{
"browser": "155.0.8059.80",
"checks": [
{
"name": "sw-first: every SVG/PNG asset decodes",
"status": "PASS",
"data": 54
},
{
"name": "sw-first F: Open next to the logo with documentOpenLabel",
"status": "PASS"
},
{
"name": "sw-first F: Open calls onDocumentOpen",
"status": "PASS",
"data": "document:open"
},
{
"name": "sw-first F: document dropdown without + New and Open (both hidden or placed)",
"status": "PASS"
},
{
"name": "sw-first F: layer rows have no freeze / lock buttons",
"status": "PASS"
},
{
"name": "sw-first F: Model / Layout radio group by keyboard",
"status": "PASS",
"data": "view:layout"
},
{
"name": "sw-first F: 2.5D toggle",
"status": "PASS"
},
{
"name": "sw-first F: Fit pill",
"status": "PASS"
},
{
"name": "sw-first F 640px: Open moved into More (measured), works there, no overflow",
"status": "PASS",
"data": {
"narrow": {
"open": 0,
"overflow": 0,
"height": 49
},
"inMore": true
}
},
{
"name": "sw-first F 1920px again: Open returns next to the logo",
"status": "PASS"
},
{
"name": "sw-first E: SW popup frame (314, #E4DBC9, #A67D03)",
"status": "PASS",
"data": {
"w": 314,
"bg": "rgb(228, 219, 201)",
"border": "rgb(166, 125, 3)"
}
},
{
"name": "sw-first E: row input commits",
"status": "PASS",
"data": "name:평면도-02"
},
{
"name": "sw-first E: layer dropdown inside the popup is a fixed overlay",
"status": "PASS"
},
{
"name": "sw-first E: layer selection callback",
"status": "PASS",
"data": "layer:dim"
},
{
"name": "sw-first UI in popup: Switch",
"status": "PASS",
"data": "ui:snap:false"
},
{
"name": "sw-first UI in popup: Select (portal)",
"status": "PASS",
"data": "ui:unit:cm"
},
{
"name": "sw-first UI in popup: Slider",
"status": "PASS",
"data": "ui:opacity:70"
},
{
"name": "sw-first UI in popup: Button",
"status": "PASS",
"data": "ui:apply"
},
{
"name": "sw-first Escape outside closes only the last used popup",
"status": "PASS",
"data": "ui:close"
},
{
"name": "sw-first Escape inside a popup closes that popup",
"status": "PASS",
"data": "popup:close"
},
{
"name": "ui-first: every SVG/PNG asset decodes",
"status": "PASS",
"data": 54
},
{
"name": "ui-first F: Open next to the logo with documentOpenLabel",
"status": "PASS"
},
{
"name": "ui-first F: Open calls onDocumentOpen",
"status": "PASS",
"data": "document:open"
},
{
"name": "ui-first F: document dropdown without + New and Open (both hidden or placed)",
"status": "PASS"
},
{
"name": "ui-first F: layer rows have no freeze / lock buttons",
"status": "PASS"
},
{
"name": "ui-first F: Model / Layout radio group by keyboard",
"status": "PASS",
"data": "view:layout"
},
{
"name": "ui-first F: 2.5D toggle",
"status": "PASS"
},
{
"name": "ui-first F: Fit pill",
"status": "PASS"
},
{
"name": "ui-first F 640px: Open moved into More (measured), works there, no overflow",
"status": "PASS",
"data": {
"narrow": {
"open": 0,
"overflow": 0,
"height": 49
},
"inMore": true
}
},
{
"name": "ui-first F 1920px again: Open returns next to the logo",
"status": "PASS"
},
{
"name": "ui-first E: SW popup frame (314, #E4DBC9, #A67D03)",
"status": "PASS",
"data": {
"w": 314,
"bg": "rgb(228, 219, 201)",
"border": "rgb(166, 125, 3)"
}
},
{
"name": "ui-first E: row input commits",
"status": "PASS",
"data": "name:평면도-02"
},
{
"name": "ui-first E: layer dropdown inside the popup is a fixed overlay",
"status": "PASS"
},
{
"name": "ui-first E: layer selection callback",
"status": "PASS",
"data": "layer:dim"
},
{
"name": "ui-first UI in popup: Switch",
"status": "PASS",
"data": "ui:snap:false"
},
{
"name": "ui-first UI in popup: Select (portal)",
"status": "PASS",
"data": "ui:unit:cm"
},
{
"name": "ui-first UI in popup: Slider",
"status": "PASS",
"data": "ui:opacity:70"
},
{
"name": "ui-first UI in popup: Button",
"status": "PASS",
"data": "ui:apply"
},
{
"name": "ui-first Escape outside closes only the last used popup",
"status": "PASS",
"data": "ui:close"
},
{
"name": "ui-first Escape inside a popup closes that popup",
"status": "PASS",
"data": "popup:close"
},
{
"name": "stylesheet order (SW first / UI first) changes no computed SW or UI style",
"status": "PASS",
"data": {
"differences": [],
"missing": []
}
},
{
"name": "no page/console errors",
"status": "PASS",
"data": []
}
],
"errors": [],
"styles": {
"sw-first": {
"header": {
"w": 1920,
"h": 49,
"background-color": "rgb(6, 6, 6)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"field": {
"w": 234,
"h": 38,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 26.41%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.45) 100%)",
"border-top": "1px solid rgb(8, 37, 28)",
"border-radius": "3px",
"box-shadow": "rgba(9, 39, 30, 0.7) 0px 1px 4px 0px",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px 10px 0px 12px",
"margin": "0px"
},
"documentButton": {
"w": 310,
"h": 48,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(14, 76, 58)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(240, 247, 245)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 12px 0px 5px",
"margin": "0px"
},
"toggle": {
"w": 78,
"h": 19,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(246, 244, 242)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px",
"margin": "0px"
},
"open": {
"w": 77.6,
"h": 48,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(14, 76, 58)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(240, 247, 245)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 12px 0px 5px",
"margin": "0px"
},
"toolText": {
"w": 61.1,
"h": 19,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(255, 198, 0)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(255, 198, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 8px",
"margin": "0px"
},
"toolPill": {
"w": 40,
"h": 38,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(8, 37, 28)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"popup": {
"w": 314,
"h": 306,
"background-color": "rgb(228, 219, 201)",
"background-image": "none",
"border-top": "1px solid rgb(166, 125, 3)",
"border-radius": "4px",
"box-shadow": "rgb(0, 0, 0) 0px 0px 0px 1px inset",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"popupTitle": {
"w": 261,
"h": 16,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(255, 198, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 4px 0px 0px",
"margin": "0px 0px 0px 7px"
},
"popupRow": {
"w": 292,
"h": 32,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px 6px",
"margin": "0px"
},
"popupInput": {
"w": 184,
"h": 26,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(230, 4, 3)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(230, 4, 3)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "500",
"padding": "0px",
"margin": "0px"
},
"searchInput": {
"w": 66.8,
"h": 20,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(230, 4, 3)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(230, 4, 3)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "2px 4px 2px 6px",
"margin": "0px"
},
"uiButton": {
"w": 298,
"h": 28,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(31, 130, 101) 0%, rgb(22, 92, 71) 30%, rgb(17, 72, 56) 65%, rgb(8, 36, 28) 100%), linear-gradient(rgb(10, 34, 29) 0%, rgb(52, 218, 170) 50%, rgb(8, 36, 28) 100%)",
"border-top": "1px solid rgba(0, 0, 0, 0)",
"border-radius": "4px",
"box-shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, color(srgb 1 1 1 / 0.1) 0px 1px 1px 0px inset, color(srgb 0 0 0 / 0.25) 0px -1px 2px 0px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
"color": "rgb(255, 255, 255)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
"font-size": "12px",
"font-weight": "700",
"padding": "3.5px 10px",
"margin": "0px"
},
"uiSwitch": {
"w": 36,
"h": 20,
"background-color": "rgb(38, 102, 81)",
"background-image": "none",
"border-top": "0px none rgb(0, 0, 0)",
"border-radius": "9999px",
"box-shadow": "none",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"uiSelect": {
"w": 86.2,
"h": 44,
"background-color": "rgb(255, 255, 255)",
"background-image": "none",
"border-top": "1px solid rgb(222, 219, 210)",
"border-radius": "4px",
"box-shadow": "none",
"color": "rgb(10, 34, 29)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "16px",
"font-weight": "400",
"padding": "0px 12px",
"margin": "0px"
}
},
"ui-first": {
"header": {
"w": 1920,
"h": 49,
"background-color": "rgb(6, 6, 6)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"field": {
"w": 234,
"h": 38,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 26.41%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.45) 100%)",
"border-top": "1px solid rgb(8, 37, 28)",
"border-radius": "3px",
"box-shadow": "rgba(9, 39, 30, 0.7) 0px 1px 4px 0px",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px 10px 0px 12px",
"margin": "0px"
},
"documentButton": {
"w": 310,
"h": 48,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(14, 76, 58)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(240, 247, 245)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 12px 0px 5px",
"margin": "0px"
},
"toggle": {
"w": 78,
"h": 19,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(246, 244, 242)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px",
"margin": "0px"
},
"open": {
"w": 77.6,
"h": 48,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(14, 76, 58)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(240, 247, 245)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 12px 0px 5px",
"margin": "0px"
},
"toolText": {
"w": 61.1,
"h": 19,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(255, 198, 0)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(255, 198, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 8px",
"margin": "0px"
},
"toolPill": {
"w": 40,
"h": 38,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(8, 24, 19) 0%, rgb(9, 39, 30) 8.69%, rgb(11, 50, 39) 25.43%, rgb(14, 61, 47) 51.25%, rgb(11, 50, 39) 80.03%, rgb(10, 43, 33) 89.76%, rgb(8, 24, 19) 100%)",
"border-top": "1px solid rgb(8, 37, 28)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(246, 244, 242)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"popup": {
"w": 314,
"h": 306,
"background-color": "rgb(228, 219, 201)",
"background-image": "none",
"border-top": "1px solid rgb(166, 125, 3)",
"border-radius": "4px",
"box-shadow": "rgb(0, 0, 0) 0px 0px 0px 1px inset",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"popupTitle": {
"w": 261,
"h": 16,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(255, 198, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "0px 4px 0px 0px",
"margin": "0px 0px 0px 7px"
},
"popupRow": {
"w": 292,
"h": 32,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px solid rgb(154, 146, 132)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px 6px",
"margin": "0px"
},
"popupInput": {
"w": 184,
"h": 26,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(230, 4, 3)",
"border-radius": "0px",
"box-shadow": "none",
"color": "rgb(230, 4, 3)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "500",
"padding": "0px",
"margin": "0px"
},
"searchInput": {
"w": 66.8,
"h": 20,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "none",
"border-top": "0px none rgb(230, 4, 3)",
"border-radius": "2px",
"box-shadow": "none",
"color": "rgb(230, 4, 3)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "700",
"padding": "2px 4px 2px 6px",
"margin": "0px"
},
"uiButton": {
"w": 298,
"h": 28,
"background-color": "rgba(0, 0, 0, 0)",
"background-image": "linear-gradient(rgb(31, 130, 101) 0%, rgb(22, 92, 71) 30%, rgb(17, 72, 56) 65%, rgb(8, 36, 28) 100%), linear-gradient(rgb(10, 34, 29) 0%, rgb(52, 218, 170) 50%, rgb(8, 36, 28) 100%)",
"border-top": "1px solid rgba(0, 0, 0, 0)",
"border-radius": "4px",
"box-shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, color(srgb 1 1 1 / 0.1) 0px 1px 1px 0px inset, color(srgb 0 0 0 / 0.25) 0px -1px 2px 0px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px",
"color": "rgb(255, 255, 255)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
"font-size": "12px",
"font-weight": "700",
"padding": "3.5px 10px",
"margin": "0px"
},
"uiSwitch": {
"w": 36,
"h": 20,
"background-color": "rgb(38, 102, 81)",
"background-image": "none",
"border-top": "0px none rgb(0, 0, 0)",
"border-radius": "9999px",
"box-shadow": "none",
"color": "rgb(0, 0, 0)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "14px",
"font-weight": "400",
"padding": "0px",
"margin": "0px"
},
"uiSelect": {
"w": 86.2,
"h": 44,
"background-color": "rgb(255, 255, 255)",
"background-image": "none",
"border-top": "1px solid rgb(222, 219, 210)",
"border-radius": "4px",
"box-shadow": "none",
"color": "rgb(10, 34, 29)",
"font-family": "\"Noto Sans KR\", \"Malgun Gothic\", \"Apple SD Gothic Neo\", sans-serif",
"font-size": "16px",
"font-weight": "400",
"padding": "0px 12px",
"margin": "0px"
}
}
}
}