Commit756442a

committed

feat: automatically camelCase to dash-case when adding a new inline style declaration

1 parent7ef212f commit756442aCopy full SHA for 756442a

File tree

+10

-8

lines changed

+10

-8

lines changed

Lines changed: 0 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,10 +3,6 @@`
`3`	`3`	`- line-through on atomic class row declaration when there's an inline style`
`4`	`4`	`declaration for the same prop (unless atomic has important, unless style has`
`5`	`5`	`important)`
`6`		`-- automatically camelCase to dash-case when adding a new inline style`
`7`		`- declaration`
`8`		`-- prevent adding inline style declaration with invalid property name (it`
`9`		`- currently throws)`
`10`	`6`
`11`	`7`	`- compactCss inline style`
`12`	`8`	`- color picker on color previews ?`

Lines changed: 10 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@ import { symbols } from "./lib/symbols";`
`15`	`15`	`import{OverrideMap}from"./devtools-types";`
`16`	`16`	`import{Declaration}from"./declaration";`
`17`	`17`	`import{useDevtoolsContext}from"./devtools-context";`
	`18`	`+import{dashCase}from"@pandacss/shared";`
`18`	`19`
`19`	`20`	`interfaceInsertInlineRowProps{`
`20`	`21`	`inspected:InspectResult;`
`@@ -75,9 +76,14 @@ export const InsertInlineRow = (props: InsertInlineRowProps) => {`
`75`	`76`
`76`	`77`	`constcancelEditing=(reason:string)=>{`
`77`	`78`	`// console.log("cancel-editing", reason);`
`78`		`-dom.getEditableKey().innerText="";`
`79`		`-dom.getEditableValue().innerText="";`
`80`		`-deletedom.getInlineContainer().dataset.editing;`
	`79`	`+consteditableKey=dom.getEditableKey();`
	`80`	`+consteditableValue=dom.getEditableValue();`
	`81`	`+constinlineContainer=dom.getInlineContainer();`
	`82`	`+`
	`83`	`+if(editableKey)editableKey.innerText="";`
	`84`	`+if(editableValue)editableValue.innerText="";`
	`85`	`+if(inlineContainer)deleteinlineContainer.dataset.editing;`
	`86`	`+`
`81`	`87`	`setState("idle");`
`82`	`88`	`};`
`83`	`89`
`@@ -87,7 +93,7 @@ export const InsertInlineRow = (props: InsertInlineRowProps) => {`
`87`	`93`	`// console.log("commit", editableValue.innerText);`
`88`	`94`
`89`	`95`	`constdeclaration={`
`90`		`-prop:editableKey.innerText,`
	`96`	`+prop:dashCase(editableKey.innerText),`
`91`	`97`	`value:editableValue.innerText,`
`92`	`98`	`};`
`93`	`99`

Comments

(0)