@webflow/designer-extension-typings 0.1.5 → 0.1.7

package/elements-generated.d.ts

@@ -569,7 +569,7 @@ interface CommerceAddToCartErrorElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     NoTextContent {
@@ -699,7 +699,7 @@ interface CommerceCartWrapperElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    NoDomId,
+    DomId,
     Styles,
     Children,
     NoTextContent {
@@ -712,7 +712,7 @@ interface CommerceCartOpenLinkElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    NoDomId,
+    DomId,
     Styles,
     Children,
     TextContent {
@@ -764,7 +764,7 @@ interface CommerceCartContainerElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    NoDomId,
+    DomId,
     Styles,
     Children,
     NoTextContent {
@@ -842,7 +842,7 @@ interface CommerceCartErrorStateElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     NoTextContent {
@@ -881,7 +881,7 @@ interface CommerceCartLineItemElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     NoTextContent {
@@ -985,7 +985,7 @@ interface CommerceCartCloseLinkElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    NoDomId,
+    DomId,
     Styles,
     Children,
     TextContent {
@@ -1075,10 +1075,10 @@ interface CommerceCartOptionListItemElement
 interface CommerceCartOptionListItemLabelElement
   extends WebflowElement,
     Configurable,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
     TextContent {
   readonly id: ElementId;
   readonly type: 'CommerceCartOptionListItemLabel';
@@ -1088,10 +1088,10 @@ interface CommerceCartOptionListItemLabelElement
 interface CommerceCartOptionListItemValueElement
   extends WebflowElement,
     Configurable,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
-    NoChildren,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
     TextContent {
   readonly id: ElementId;
   readonly type: 'CommerceCartOptionListItemValue';
@@ -1258,7 +1258,7 @@ interface CommerceCheckoutLabelElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     TextContent {
@@ -1440,7 +1440,7 @@ interface CommerceCheckoutShippingStreetAddressOptionalElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     NoChildren,
     NoTextContent {
@@ -1583,7 +1583,7 @@ interface CommerceCheckoutBillingStreetAddressOptionalElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     NoChildren,
     NoTextContent {
@@ -1661,7 +1661,7 @@ interface CommerceCheckoutBillingAddressToggleLabelElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     TextContent {
@@ -1869,7 +1869,7 @@ interface CommerceCheckoutShippingMethodRadioButtonElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     NoChildren,
     NoTextContent {
@@ -2272,7 +2272,7 @@ interface CommerceCheckoutAdditionalCheckboxElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     NoChildren,
     NoTextContent {
@@ -2337,7 +2337,7 @@ interface CommerceCheckoutDiscountsLabelElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     TextContent {
@@ -3438,19 +3438,6 @@ interface GoogleAnalyticsElement
   readonly plugin: 'Ssr';
 }
 
-interface SymbolElement
-  extends WebflowElement,
-    Configurable,
-    CustomAttributes,
-    DomId,
-    Styles,
-    Children,
-    NoTextContent {
-  readonly id: ElementId;
-  readonly type: 'Symbol';
-  readonly plugin: 'Symbol';
-}
-
 interface TabsContentElement
   extends WebflowElement,
     Configurable,
@@ -3468,7 +3455,7 @@ interface TabsLinkElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     TextContent {
@@ -3494,7 +3481,7 @@ interface TabsPaneElement
   extends WebflowElement,
     Configurable,
     CustomAttributes,
-    DomId,
+    NoDomId,
     Styles,
     Children,
     NoTextContent {
@@ -4218,6 +4205,19 @@ interface UserErrorMsgElement
   readonly plugin: 'Users';
 }
 
+interface SlotElement
+  extends WebflowElement,
+    Configurable,
+    CustomAttributes,
+    DomId,
+    Styles,
+    Children,
+    NoTextContent {
+  readonly id: ElementId;
+  readonly type: 'Slot';
+  readonly plugin: 'Slots';
+}
+
 declare type AnyElement =
   | UnknownElement
   | DOMElement
@@ -4478,7 +4478,6 @@ declare type AnyElement =
   | CommentElement
   | FacebookPixelElement
   | GoogleAnalyticsElement
-  | SymbolElement
   | TabsContentElement
   | TabsLinkElement
   | TabsMenuElement
@@ -4537,4 +4536,5 @@ declare type AnyElement =
   | UserSignUpErrorMsgElement
   | UserResetPasswordErrorMsgElement
   | UserUpdatePasswordErrorMsgElement
-  | UserErrorMsgElement;
+  | UserErrorMsgElement
+  | SlotElement;

package/index.d.ts

@@ -10,6 +10,7 @@ interface WebflowApi {
   getSiteInfo(): Promise<{siteId: string; siteName: string; shortName: string}>;
   getSelectedElement(): Promise<null | AnyElement>;
   getMediaQuery(): Promise<BreakpointId>;
+  getRootElement(): Promise<null | AnyElement>;
   getAllElements(): Promise<Array<AnyElement>>;
   createStyle(name: string): Style;
   getStyleByName(name: string): Promise<null | Style>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/designer-extension-typings",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Typings for the Webflow Designer Extension API",
   "main": "",

package/styles-generated.d.ts

@@ -0,0 +1,564 @@
+// This file was automatically generated. See designer-extensions docs.
+
+declare type PropertyMap = {
+  'accent-color'?: string;
+  'align-content'?: string;
+  'align-items'?: string;
+  'align-self'?: string;
+  'animation-delay'?: string;
+  'animation-direction'?: string;
+  'animation-duration'?: string;
+  'animation-fill-mode'?: string;
+  'animation-iteration-count'?: string;
+  'animation-name'?: string;
+  'animation-play-state'?: string;
+  'animation-timing-function'?: string;
+  appearance?: string;
+  'backdrop-filter'?: string;
+  'backface-visibility'?: string;
+  'background-attachment'?: string;
+  'background-blend-mode'?: string;
+  'background-clip'?: string;
+  'background-color'?: string;
+  'background-image'?: string;
+  'background-origin'?: string;
+  'background-position'?: string;
+  'background-position-x'?: string;
+  'background-position-y'?: string;
+  'background-repeat'?: string;
+  'background-size'?: string;
+  'block-size'?: string;
+  'border-block-end-color'?: string;
+  'border-block-end-style'?: string;
+  'border-block-end-width'?: string;
+  'border-block-start-color'?: string;
+  'border-block-start-style'?: string;
+  'border-block-start-width'?: string;
+  'border-bottom-color'?: string;
+  'border-bottom-left-radius'?: string;
+  'border-bottom-right-radius'?: string;
+  'border-bottom-style'?: string;
+  'border-bottom-width'?: string;
+  'border-collapse'?: string;
+  'border-end-end-radius'?: string;
+  'border-end-start-radius'?: string;
+  'border-image-outset'?: string;
+  'border-image-repeat'?: string;
+  'border-image-slice'?: string;
+  'border-image-source'?: string;
+  'border-image-width'?: string;
+  'border-inline-end-color'?: string;
+  'border-inline-end-style'?: string;
+  'border-inline-end-width'?: string;
+  'border-inline-start-color'?: string;
+  'border-inline-start-style'?: string;
+  'border-inline-start-width'?: string;
+  'border-left-color'?: string;
+  'border-left-style'?: string;
+  'border-left-width'?: string;
+  'border-right-color'?: string;
+  'border-right-style'?: string;
+  'border-right-width'?: string;
+  'border-start-end-radius'?: string;
+  'border-start-start-radius'?: string;
+  'border-top-color'?: string;
+  'border-top-left-radius'?: string;
+  'border-top-right-radius'?: string;
+  'border-top-style'?: string;
+  'border-top-width'?: string;
+  bottom?: string;
+  'box-shadow'?: string;
+  'box-sizing'?: string;
+  'break-after'?: string;
+  'break-before'?: string;
+  'break-inside'?: string;
+  'caption-side'?: string;
+  'caret-color'?: string;
+  clear?: string;
+  clip?: string;
+  'clip-path'?: string;
+  'clip-rule'?: string;
+  color?: string;
+  'color-interpolation'?: string;
+  'color-interpolation-filters'?: string;
+  'column-count'?: string;
+  'column-gap'?: string;
+  'column-rule-color'?: string;
+  'column-rule-style'?: string;
+  'column-rule-width'?: string;
+  'column-span'?: string;
+  'column-width'?: string;
+  content?: string;
+  cursor?: string;
+  cx?: string;
+  cy?: string;
+  direction?: string;
+  display?: string;
+  'dominant-baseline'?: string;
+  'empty-cells'?: string;
+  fill?: string;
+  'fill-opacity'?: string;
+  'fill-rule'?: string;
+  filter?: string;
+  'flex-basis'?: string;
+  'flex-direction'?: string;
+  'flex-grow'?: string;
+  'flex-shrink'?: string;
+  'flex-wrap'?: string;
+  float?: string;
+  'flood-color'?: string;
+  'flood-opacity'?: string;
+  'font-family'?: string;
+  'font-kerning'?: string;
+  'font-optical-sizing'?: string;
+  'font-size'?: string;
+  'font-stretch'?: string;
+  'font-style'?: string;
+  'font-variant-alternates'?: string;
+  'font-variant-caps'?: string;
+  'font-variant-east-asian'?: string;
+  'font-variant-ligatures'?: string;
+  'font-variant-numeric'?: string;
+  'font-weight'?: string;
+  'grid-auto-columns'?: string;
+  'grid-auto-flow'?: string;
+  'grid-auto-rows'?: string;
+  'grid-column-end'?: string;
+  'grid-column-gap'?: string;
+  'grid-column-start'?: string;
+  'grid-row-end'?: string;
+  'grid-row-gap'?: string;
+  'grid-row-start'?: string;
+  'grid-template-areas'?: string;
+  'grid-template-columns'?: string;
+  'grid-template-rows'?: string;
+  height?: string;
+  'image-orientation'?: string;
+  'image-rendering'?: string;
+  'inline-size'?: string;
+  'inset-block-end'?: string;
+  'inset-block-start'?: string;
+  'inset-inline-end'?: string;
+  'inset-inline-start'?: string;
+  isolation?: string;
+  'justify-content'?: string;
+  'justify-items'?: string;
+  'justify-self'?: string;
+  left?: string;
+  'letter-spacing'?: string;
+  'lighting-color'?: string;
+  'line-break'?: string;
+  'line-height'?: string;
+  'list-style-image'?: string;
+  'list-style-position'?: string;
+  'list-style-type'?: string;
+  'margin-block-end'?: string;
+  'margin-block-start'?: string;
+  'margin-bottom'?: string;
+  'margin-inline-end'?: string;
+  'margin-inline-start'?: string;
+  'margin-left'?: string;
+  'margin-right'?: string;
+  'margin-top'?: string;
+  'marker-end'?: string;
+  'marker-mid'?: string;
+  'marker-start'?: string;
+  'mask-type'?: string;
+  'max-block-size'?: string;
+  'max-height'?: string;
+  'max-inline-size'?: string;
+  'max-width'?: string;
+  'min-block-size'?: string;
+  'min-height'?: string;
+  'min-inline-size'?: string;
+  'min-width'?: string;
+  'mix-blend-mode'?: string;
+  'object-fit'?: string;
+  'object-position'?: string;
+  'offset-anchor'?: string;
+  'offset-distance'?: string;
+  'offset-path'?: string;
+  'offset-rotate'?: string;
+  opacity?: string;
+  order?: string;
+  'outline-color'?: string;
+  'outline-offset'?: string;
+  'outline-style'?: string;
+  'outline-width'?: string;
+  'overflow-wrap'?: string;
+  'overflow-x'?: string;
+  'overflow-y'?: string;
+  'overscroll-behavior-block'?: string;
+  'overscroll-behavior-inline'?: string;
+  'padding-block-end'?: string;
+  'padding-block-start'?: string;
+  'padding-bottom'?: string;
+  'padding-inline-end'?: string;
+  'padding-inline-start'?: string;
+  'padding-left'?: string;
+  'padding-right'?: string;
+  'padding-top'?: string;
+  'paint-order'?: string;
+  perspective?: string;
+  'perspective-origin'?: string;
+  'pointer-events'?: string;
+  position?: string;
+  r?: string;
+  resize?: string;
+  right?: string;
+  rotate?: string;
+  'row-gap'?: string;
+  rx?: string;
+  ry?: string;
+  scale?: string;
+  'scroll-behavior'?: string;
+  'scroll-margin-block-end'?: string;
+  'scroll-margin-block-start'?: string;
+  'scroll-margin-inline-end'?: string;
+  'scroll-margin-inline-start'?: string;
+  'scroll-padding-block-end'?: string;
+  'scroll-padding-block-start'?: string;
+  'scroll-padding-inline-end'?: string;
+  'scroll-padding-inline-start'?: string;
+  'shape-image-threshold'?: string;
+  'shape-margin'?: string;
+  'shape-outside'?: string;
+  'shape-rendering'?: string;
+  'stop-color'?: string;
+  'stop-opacity'?: string;
+  stroke?: string;
+  'stroke-dasharray'?: string;
+  'stroke-dashoffset'?: string;
+  'stroke-linecap'?: string;
+  'stroke-linejoin'?: string;
+  'stroke-miterlimit'?: string;
+  'stroke-opacity'?: string;
+  'stroke-width'?: string;
+  'tab-size'?: string;
+  'table-layout'?: string;
+  'text-align'?: string;
+  'text-align-last'?: string;
+  'text-anchor'?: string;
+  'text-decoration'?: string;
+  'text-decoration-color'?: string;
+  'text-decoration-line'?: string;
+  'text-decoration-skip-ink'?: string;
+  'text-decoration-style'?: string;
+  'text-emphasis-color'?: string;
+  'text-emphasis-position'?: string;
+  'text-emphasis-style'?: string;
+  'text-indent'?: string;
+  'text-overflow'?: string;
+  'text-rendering'?: string;
+  'text-shadow'?: string;
+  'text-transform'?: string;
+  'text-underline-position'?: string;
+  top?: string;
+  'touch-action'?: string;
+  transform?: string;
+  'transform-origin'?: string;
+  'transform-style'?: string;
+  'transition-delay'?: string;
+  'transition-duration'?: string;
+  'transition-property'?: string;
+  'transition-timing-function'?: string;
+  translate?: string;
+  'unicode-bidi'?: string;
+  'vector-effect'?: string;
+  'vertical-align'?: string;
+  visibility?: string;
+  'white-space'?: string;
+  width?: string;
+  'will-change'?: string;
+  'word-break'?: string;
+  'word-spacing'?: string;
+  'writing-mode'?: string;
+  x?: string;
+  y?: string;
+  'z-index'?: string;
+  '-webkit-line-clamp'?: string;
+  '-webkit-text-fill-color'?: string;
+  '-webkit-text-stroke-color'?: string;
+  '-webkit-text-stroke-width'?: string;
+};
+
+declare type StyleProperty =
+  | 'accent-color'
+  | 'align-content'
+  | 'align-items'
+  | 'align-self'
+  | 'animation-delay'
+  | 'animation-direction'
+  | 'animation-duration'
+  | 'animation-fill-mode'
+  | 'animation-iteration-count'
+  | 'animation-name'
+  | 'animation-play-state'
+  | 'animation-timing-function'
+  | 'appearance'
+  | 'backdrop-filter'
+  | 'backface-visibility'
+  | 'background-attachment'
+  | 'background-blend-mode'
+  | 'background-clip'
+  | 'background-color'
+  | 'background-image'
+  | 'background-origin'
+  | 'background-position'
+  | 'background-position-x'
+  | 'background-position-y'
+  | 'background-repeat'
+  | 'background-size'
+  | 'block-size'
+  | 'border-block-end-color'
+  | 'border-block-end-style'
+  | 'border-block-end-width'
+  | 'border-block-start-color'
+  | 'border-block-start-style'
+  | 'border-block-start-width'
+  | 'border-bottom-color'
+  | 'border-bottom-left-radius'
+  | 'border-bottom-right-radius'
+  | 'border-bottom-style'
+  | 'border-bottom-width'
+  | 'border-collapse'
+  | 'border-end-end-radius'
+  | 'border-end-start-radius'
+  | 'border-image-outset'
+  | 'border-image-repeat'
+  | 'border-image-slice'
+  | 'border-image-source'
+  | 'border-image-width'
+  | 'border-inline-end-color'
+  | 'border-inline-end-style'
+  | 'border-inline-end-width'
+  | 'border-inline-start-color'
+  | 'border-inline-start-style'
+  | 'border-inline-start-width'
+  | 'border-left-color'
+  | 'border-left-style'
+  | 'border-left-width'
+  | 'border-right-color'
+  | 'border-right-style'
+  | 'border-right-width'
+  | 'border-start-end-radius'
+  | 'border-start-start-radius'
+  | 'border-top-color'
+  | 'border-top-left-radius'
+  | 'border-top-right-radius'
+  | 'border-top-style'
+  | 'border-top-width'
+  | 'bottom'
+  | 'box-shadow'
+  | 'box-sizing'
+  | 'break-after'
+  | 'break-before'
+  | 'break-inside'
+  | 'caption-side'
+  | 'caret-color'
+  | 'clear'
+  | 'clip'
+  | 'clip-path'
+  | 'clip-rule'
+  | 'color'
+  | 'color-interpolation'
+  | 'color-interpolation-filters'
+  | 'column-count'
+  | 'column-gap'
+  | 'column-rule-color'
+  | 'column-rule-style'
+  | 'column-rule-width'
+  | 'column-span'
+  | 'column-width'
+  | 'content'
+  | 'cursor'
+  | 'cx'
+  | 'cy'
+  | 'direction'
+  | 'display'
+  | 'dominant-baseline'
+  | 'empty-cells'
+  | 'fill'
+  | 'fill-opacity'
+  | 'fill-rule'
+  | 'filter'
+  | 'flex-basis'
+  | 'flex-direction'
+  | 'flex-grow'
+  | 'flex-shrink'
+  | 'flex-wrap'
+  | 'float'
+  | 'flood-color'
+  | 'flood-opacity'
+  | 'font-family'
+  | 'font-kerning'
+  | 'font-optical-sizing'
+  | 'font-size'
+  | 'font-stretch'
+  | 'font-style'
+  | 'font-variant-alternates'
+  | 'font-variant-caps'
+  | 'font-variant-east-asian'
+  | 'font-variant-ligatures'
+  | 'font-variant-numeric'
+  | 'font-weight'
+  | 'grid-auto-columns'
+  | 'grid-auto-flow'
+  | 'grid-auto-rows'
+  | 'grid-column-end'
+  | 'grid-column-gap'
+  | 'grid-column-start'
+  | 'grid-row-end'
+  | 'grid-row-gap'
+  | 'grid-row-start'
+  | 'grid-template-areas'
+  | 'grid-template-columns'
+  | 'grid-template-rows'
+  | 'height'
+  | 'image-orientation'
+  | 'image-rendering'
+  | 'inline-size'
+  | 'inset-block-end'
+  | 'inset-block-start'
+  | 'inset-inline-end'
+  | 'inset-inline-start'
+  | 'isolation'
+  | 'justify-content'
+  | 'justify-items'
+  | 'justify-self'
+  | 'left'
+  | 'letter-spacing'
+  | 'lighting-color'
+  | 'line-break'
+  | 'line-height'
+  | 'list-style-image'
+  | 'list-style-position'
+  | 'list-style-type'
+  | 'margin-block-end'
+  | 'margin-block-start'
+  | 'margin-bottom'
+  | 'margin-inline-end'
+  | 'margin-inline-start'
+  | 'margin-left'
+  | 'margin-right'
+  | 'margin-top'
+  | 'marker-end'
+  | 'marker-mid'
+  | 'marker-start'
+  | 'mask-type'
+  | 'max-block-size'
+  | 'max-height'
+  | 'max-inline-size'
+  | 'max-width'
+  | 'min-block-size'
+  | 'min-height'
+  | 'min-inline-size'
+  | 'min-width'
+  | 'mix-blend-mode'
+  | 'object-fit'
+  | 'object-position'
+  | 'offset-anchor'
+  | 'offset-distance'
+  | 'offset-path'
+  | 'offset-rotate'
+  | 'opacity'
+  | 'order'
+  | 'outline-color'
+  | 'outline-offset'
+  | 'outline-style'
+  | 'outline-width'
+  | 'overflow-wrap'
+  | 'overflow-x'
+  | 'overflow-y'
+  | 'overscroll-behavior-block'
+  | 'overscroll-behavior-inline'
+  | 'padding-block-end'
+  | 'padding-block-start'
+  | 'padding-bottom'
+  | 'padding-inline-end'
+  | 'padding-inline-start'
+  | 'padding-left'
+  | 'padding-right'
+  | 'padding-top'
+  | 'paint-order'
+  | 'perspective'
+  | 'perspective-origin'
+  | 'pointer-events'
+  | 'position'
+  | 'r'
+  | 'resize'
+  | 'right'
+  | 'rotate'
+  | 'row-gap'
+  | 'rx'
+  | 'ry'
+  | 'scale'
+  | 'scroll-behavior'
+  | 'scroll-margin-block-end'
+  | 'scroll-margin-block-start'
+  | 'scroll-margin-inline-end'
+  | 'scroll-margin-inline-start'
+  | 'scroll-padding-block-end'
+  | 'scroll-padding-block-start'
+  | 'scroll-padding-inline-end'
+  | 'scroll-padding-inline-start'
+  | 'shape-image-threshold'
+  | 'shape-margin'
+  | 'shape-outside'
+  | 'shape-rendering'
+  | 'stop-color'
+  | 'stop-opacity'
+  | 'stroke'
+  | 'stroke-dasharray'
+  | 'stroke-dashoffset'
+  | 'stroke-linecap'
+  | 'stroke-linejoin'
+  | 'stroke-miterlimit'
+  | 'stroke-opacity'
+  | 'stroke-width'
+  | 'tab-size'
+  | 'table-layout'
+  | 'text-align'
+  | 'text-align-last'
+  | 'text-anchor'
+  | 'text-decoration'
+  | 'text-decoration-color'
+  | 'text-decoration-line'
+  | 'text-decoration-skip-ink'
+  | 'text-decoration-style'
+  | 'text-emphasis-color'
+  | 'text-emphasis-position'
+  | 'text-emphasis-style'
+  | 'text-indent'
+  | 'text-overflow'
+  | 'text-rendering'
+  | 'text-shadow'
+  | 'text-transform'
+  | 'text-underline-position'
+  | 'top'
+  | 'touch-action'
+  | 'transform'
+  | 'transform-origin'
+  | 'transform-style'
+  | 'transition-delay'
+  | 'transition-duration'
+  | 'transition-property'
+  | 'transition-timing-function'
+  | 'translate'
+  | 'unicode-bidi'
+  | 'vector-effect'
+  | 'vertical-align'
+  | 'visibility'
+  | 'white-space'
+  | 'width'
+  | 'will-change'
+  | 'word-break'
+  | 'word-spacing'
+  | 'writing-mode'
+  | 'x'
+  | 'y'
+  | 'z-index'
+  | '-webkit-line-clamp'
+  | '-webkit-text-fill-color'
+  | '-webkit-text-stroke-color'
+  | '-webkit-text-stroke-width';

package/styles.d.ts

@@ -1,11 +1,16 @@
+/// <reference path="./styles-generated.d.ts" />
+
 interface Style {
   readonly id: StyleId;
   getName(): string;
   getProperties(options?: BreakpointAndPseudo): PropertyMap;
   setProperties(props: PropertyMap, options?: BreakpointAndPseudo): undefined;
-  getProperty(prop: string, options?: BreakpointAndPseudo): null | string;
+  getProperty(
+    prop: StyleProperty,
+    options?: BreakpointAndPseudo
+  ): null | string;
   setProperty(
-    prop: string,
+    prop: StyleProperty,
     value: string,
     options?: BreakpointAndPseudo
   ): undefined;
@@ -16,8 +21,6 @@ interface Style {
 
 declare type StyleId = string;
 
-declare type PropertyMap = {[property: string]: string};
-
 declare type BreakpointAndPseudo = {
   breakpoint?: BreakpointId;
   pseudo?: PseudoStateKey;