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>
684 lines
22 KiB
JSON
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"
|
|
}
|
|
}
|
|
}
|
|
}
|