@primer/components 33.0.0-rc.9f3670b7 → 33.0.0-rc.cface7dc

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. package/.github/workflows/statuses.yml +32 -0
  2. package/.gitignore +1 -0
  3. package/CHANGELOG.md +2 -0
  4. package/docs/src/component-checklist.js +10 -2
  5. package/lib/ActionMenu2.d.ts +6 -3
  6. package/lib/Autocomplete/Autocomplete.d.ts +2 -1
  7. package/lib/Autocomplete/AutocompleteInput.d.ts +2 -1
  8. package/lib/Button/Button.d.ts +2 -2
  9. package/lib/Button/ButtonClose.d.ts +2 -2
  10. package/lib/Button/ButtonDanger.d.ts +2 -2
  11. package/lib/Button/ButtonInvisible.d.ts +2 -2
  12. package/lib/Button/ButtonOutline.d.ts +2 -2
  13. package/lib/Button/ButtonPrimary.d.ts +2 -2
  14. package/lib/CircleOcticon.d.ts +35 -35
  15. package/lib/Dialog.d.ts +37 -37
  16. package/lib/Dropdown.d.ts +6 -6
  17. package/lib/DropdownMenu/DropdownButton.d.ts +6 -3
  18. package/lib/FilterList.d.ts +1 -1
  19. package/lib/Position.d.ts +4 -4
  20. package/lib/SelectMenu/SelectMenu.d.ts +11 -10
  21. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  22. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  23. package/lib/TextInputWithTokens.d.ts +2 -1
  24. package/lib/Token/AvatarToken.d.ts +1 -1
  25. package/lib/Token/IssueLabelToken.d.ts +1 -1
  26. package/lib/Token/Token.d.ts +1 -1
  27. package/lib-esm/ActionMenu2.d.ts +6 -3
  28. package/lib-esm/Autocomplete/Autocomplete.d.ts +2 -1
  29. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +2 -1
  30. package/lib-esm/Button/Button.d.ts +2 -2
  31. package/lib-esm/Button/ButtonClose.d.ts +2 -2
  32. package/lib-esm/Button/ButtonDanger.d.ts +2 -2
  33. package/lib-esm/Button/ButtonInvisible.d.ts +2 -2
  34. package/lib-esm/Button/ButtonOutline.d.ts +2 -2
  35. package/lib-esm/Button/ButtonPrimary.d.ts +2 -2
  36. package/lib-esm/CircleOcticon.d.ts +35 -35
  37. package/lib-esm/Dialog.d.ts +37 -37
  38. package/lib-esm/Dropdown.d.ts +6 -6
  39. package/lib-esm/DropdownMenu/DropdownButton.d.ts +6 -3
  40. package/lib-esm/FilterList.d.ts +1 -1
  41. package/lib-esm/Position.d.ts +4 -4
  42. package/lib-esm/SelectMenu/SelectMenu.d.ts +11 -10
  43. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  44. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  45. package/lib-esm/TextInputWithTokens.d.ts +2 -1
  46. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  47. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  48. package/lib-esm/Token/Token.d.ts +1 -1
  49. package/package-lock.json +303 -255
  50. package/package.json +4 -2
  51. package/script/component-status-project/build.ts +100 -0
  52. package/script/component-status-project/deploy.rb +142 -0
  53. package/stats.html +1 -1
  54. package/tsconfig.build.json +1 -1
  55. package/tsconfig.json +1 -1
package/.github/workflows/statuses.yml ADDED
@@ -0,0 +1,32 @@
1
+ name: Update status project
2
+
3
+ on:
4
+ push:
5
+ branches:
6
+ - main
7
+ # Only run workflow on changes to component docs
8
+ paths:
9
+ - 'docs/content/**'
10
+
11
+ jobs:
12
+ build-and-deploy:
13
+ name: Update status project
14
+ runs-on: ubuntu-latest
15
+ steps:
16
+ - uses: actions/checkout@v2
17
+ - name: Setup Ruby
18
+ uses: actions/setup-ruby@v1
19
+ with:
20
+ ruby-version: 2.7.x
21
+ - name: Set up Node.js
22
+ uses: actions/setup-node@v2
23
+ with:
24
+ node-version: 14
25
+ - name: Install node deps
26
+ run: npm ci
27
+ - name: Install ruby deps
28
+ run: gem install graphql-client
29
+ - name: Build statuses
30
+ run: npx ts-node script/component-status-project/build.ts
31
+ - name: Deploy statuses to project
32
+ run: GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }} script/component-status-project/deploy.rb
package/.gitignore CHANGED
@@ -8,3 +8,4 @@ lib/
8
8
  lib-esm/
9
9
  public/
10
10
  stats.html
11
+ .env
package/CHANGELOG.md CHANGED
@@ -22,6 +22,8 @@
22
22
 
23
23
  * [#1596](https://github.com/primer/react/pull/1596) [`5c6dc644`](https://github.com/primer/react/commit/5c6dc644c1e68b36d309deac653aca189f1fa624) Thanks [@dmarcey](https://github.com/dmarcey)! - Fix alignment of items in ActionList (single-select) if some of the items have wrapping text.
24
24
 
25
+ - [#1538](https://github.com/primer/react/pull/1538) [`dda6e5d7`](https://github.com/primer/react/commit/dda6e5d7204347c3c66183464dd0903e878a4f20) Thanks [@shiftkey](https://github.com/shiftkey)! - Update `typescript` package to correct generated type declarations.
26
+
25
27
  ## 32.1.0
26
28
 
27
29
  ### Minor Changes
package/docs/src/component-checklist.js CHANGED
@@ -9,7 +9,9 @@ export function ComponentChecklist({items}) {
9
9
  <>
10
10
  <H3>Alpha</H3>
11
11
  <Checklist aria-describedby="alpha">
12
- <Checklist.Item checked={items.propsDocumented}>Component props are documented.</Checklist.Item>
12
+ <Checklist.Item checked={items.propsDocumented}>
13
+ Component props are documented on <Link href="https://primer.style/react/">primer.style/react</Link>.
14
+ </Checklist.Item>
13
15
  <Checklist.Item checked={items.noUnnecessaryDeps}>
14
16
  Component does not have any unnecessary third-party dependencies.
15
17
  </Checklist.Item>
@@ -22,7 +24,13 @@ export function ComponentChecklist({items}) {
22
24
  <H3>Beta</H3>
23
25
  <Checklist aria-describedby="beta">
24
26
  <Checklist.Item checked={items.usedInProduction}>Component is used in a production application.</Checklist.Item>
25
- <Checklist.Item checked={items.usageExamplesDocumented}>Common usage examples are documented.</Checklist.Item>
27
+ <Checklist.Item checked={items.usageExamplesDocumented}>
28
+ Common usage examples are documented on <Link href="https://primer.style/react/">primer.style/react</Link>.
29
+ </Checklist.Item>
30
+ <Checklist.Item checked={items.hasStorybookStories}>
31
+ Common usage examples are documented in <Link href="https://primer.style/react/storybook">storybook</Link>{' '}
32
+ stories.
33
+ </Checklist.Item>
26
34
  <Checklist.Item checked={items.designReviewed}>
27
35
  Component has been reviewed by a systems designer and any resulting issues have been addressed.
28
36
  </Checklist.Item>
package/lib/ActionMenu2.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare type MenuButtonProps = ButtonProps;
29
29
  export declare const ActionMenu: React.FC<ActionMenuProps> & {
30
30
  Button: React.ForwardRefExoticComponent<Pick<{
31
31
  color?: string | undefined;
32
+ property?: string | undefined;
32
33
  translate?: "yes" | "no" | undefined;
33
34
  hidden?: boolean | undefined;
34
35
  children?: React.ReactNode;
@@ -64,7 +65,6 @@ export declare const ActionMenu: React.FC<ActionMenuProps> & {
64
65
  datatype?: string | undefined;
65
66
  inlist?: any;
66
67
  prefix?: string | undefined;
67
- property?: string | undefined;
68
68
  resource?: string | undefined;
69
69
  typeof?: string | undefined;
70
70
  vocab?: string | undefined;
@@ -293,8 +293,8 @@ export declare const ActionMenu: React.FC<ActionMenuProps> & {
293
293
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
294
294
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
295
295
  css?: import("@emotion/core").InterpolationWithTheme<any>;
296
- as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
297
296
  disabled?: boolean | undefined;
297
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
298
298
  autoFocus?: boolean | undefined;
299
299
  formAction?: string | undefined;
300
300
  formEncType?: string | undefined;
@@ -303,7 +303,10 @@ export declare const ActionMenu: React.FC<ActionMenuProps> & {
303
303
  formTarget?: string | undefined;
304
304
  } & {
305
305
  theme?: any;
306
- }, "color" | "translate" | "hidden" | "children" | "theme" | "value" | "form" | "slot" | "style" | "title" | "variant" | "role" | "sx" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "as" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
306
+ }, "theme" | "sx" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | keyof {
307
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
308
+ variant?: "small" | "medium" | "large" | undefined;
309
+ }> & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
307
310
  Anchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
308
311
  Divider: React.FC<import("./sx").SxProp>;
309
312
  };
package/lib/Autocomplete/Autocomplete.d.ts CHANGED
@@ -15,6 +15,7 @@ declare const _default: React.FC<{
15
15
  Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
16
16
  [x: string]: any;
17
17
  [x: number]: any;
18
+ [x: symbol]: any;
18
19
  } & {
19
20
  theme?: any;
20
21
  } & {
@@ -27,6 +28,7 @@ declare const _default: React.FC<{
27
28
  }> | undefined;
28
29
  } & Pick<{
29
30
  color?: string | undefined;
31
+ property?: string | undefined;
30
32
  maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
31
33
  minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
32
34
  translate?: "yes" | "no" | undefined;
@@ -62,7 +64,6 @@ declare const _default: React.FC<{
62
64
  datatype?: string | undefined;
63
65
  inlist?: any;
64
66
  prefix?: string | undefined;
65
- property?: string | undefined;
66
67
  resource?: string | undefined;
67
68
  typeof?: string | undefined;
68
69
  vocab?: string | undefined;
package/lib/Autocomplete/AutocompleteInput.d.ts CHANGED
@@ -7,6 +7,7 @@ declare type InternalAutocompleteInputProps = {
7
7
  declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
8
8
  [x: string]: any;
9
9
  [x: number]: any;
10
+ [x: symbol]: any;
10
11
  } & {
11
12
  theme?: any;
12
13
  } & {
@@ -19,6 +20,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
19
20
  }> | undefined;
20
21
  } & Pick<{
21
22
  color?: string | undefined;
23
+ property?: string | undefined;
22
24
  maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
23
25
  minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
26
  translate?: "yes" | "no" | undefined;
@@ -54,7 +56,6 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
54
56
  datatype?: string | undefined;
55
57
  inlist?: any;
56
58
  prefix?: string | undefined;
57
- property?: string | undefined;
58
59
  resource?: string | undefined;
59
60
  typeof?: string | undefined;
60
61
  vocab?: string | undefined;
package/lib/Button/Button.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;
package/lib/Button/ButtonClose.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { ComponentProps } from '../utils/types';
3
3
  declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
4
4
  color?: string | undefined;
5
+ property?: string | undefined;
5
6
  translate?: "yes" | "no" | undefined;
6
7
  hidden?: boolean | undefined;
7
8
  children?: React.ReactNode;
@@ -36,7 +37,6 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
36
37
  datatype?: string | undefined;
37
38
  inlist?: any;
38
39
  prefix?: string | undefined;
39
- property?: string | undefined;
40
40
  resource?: string | undefined;
41
41
  typeof?: string | undefined;
42
42
  vocab?: string | undefined;
@@ -274,6 +274,6 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
274
274
  formTarget?: string | undefined;
275
275
  } & {
276
276
  theme?: any;
277
- }, "color" | "translate" | "hidden" | "children" | "theme" | "value" | "form" | "slot" | "style" | "title" | "role" | "sx" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
277
+ }, "theme" | "sx" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
278
278
  export declare type ButtonCloseProps = ComponentProps<typeof ButtonClose>;
279
279
  export default ButtonClose;
package/lib/Button/ButtonDanger.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;
package/lib/Button/ButtonInvisible.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;
package/lib/Button/ButtonOutline.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;
package/lib/Button/ButtonPrimary.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
6
6
  variant?: "small" | "medium" | "large" | undefined;
7
7
  } & {
8
8
  color?: string | undefined;
9
+ property?: string | undefined;
9
10
  translate?: "yes" | "no" | undefined;
10
11
  hidden?: boolean | undefined;
11
12
  children?: import("react").ReactNode;
@@ -40,7 +41,6 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
40
41
  datatype?: string | undefined;
41
42
  inlist?: any;
42
43
  prefix?: string | undefined;
43
- property?: string | undefined;
44
44
  resource?: string | undefined;
45
45
  typeof?: string | undefined;
46
46
  vocab?: string | undefined;
@@ -269,8 +269,8 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
269
269
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
271
271
  css?: import("@emotion/core").InterpolationWithTheme<any>;
272
- as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
273
272
  disabled?: boolean | undefined;
273
+ as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
274
274
  autoFocus?: boolean | undefined;
275
275
  formAction?: string | undefined;
276
276
  formEncType?: string | undefined;
package/lib/CircleOcticon.d.ts CHANGED
@@ -14,10 +14,42 @@ declare namespace CircleOcticon {
14
14
  size: number;
15
15
  lineHeight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
16
16
  border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
17
+ color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
18
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
19
+ backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
20
+ opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
21
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
22
+ margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
23
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
24
+ marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
25
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
26
+ marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
27
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
28
+ marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
29
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
30
+ marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
31
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
32
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
33
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
34
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
35
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
36
+ padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
37
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
38
+ paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
39
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
40
+ paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
41
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
42
+ paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
43
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
44
+ paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
45
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
46
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
47
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
48
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
49
+ property?: string | undefined;
17
50
  alignContent?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignContent, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
18
51
  alignItems?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignItems, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
19
52
  alignSelf?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignSelf, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
20
- backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
21
53
  backgroundImage?: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundImage, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
22
54
  backgroundRepeat?: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
23
55
  backgroundSize?: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -39,7 +71,6 @@ declare namespace CircleOcticon {
39
71
  borderTopWidth?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
40
72
  bottom?: import("styled-system").ResponsiveValue<import("csstype").Property.Bottom<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
41
73
  boxShadow?: import("styled-system").ResponsiveValue<number | import("csstype").Property.BoxShadow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
42
- color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
43
74
  display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
44
75
  flexBasis?: import("styled-system").ResponsiveValue<import("csstype").Property.FlexBasis<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
45
76
  flexDirection?: import("styled-system").ResponsiveValue<import("csstype").Property.FlexDirection, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -62,22 +93,13 @@ declare namespace CircleOcticon {
62
93
  justifySelf?: import("styled-system").ResponsiveValue<import("csstype").Property.JustifySelf, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
63
94
  left?: import("styled-system").ResponsiveValue<import("csstype").Property.Left<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
64
95
  letterSpacing?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
65
- marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
66
- marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
67
- marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
68
- marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
69
96
  maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
70
97
  maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
71
98
  minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
72
99
  minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
73
- opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
74
100
  order?: import("styled-system").ResponsiveValue<import("csstype").Property.Order, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
75
101
  overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
76
102
  overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
77
- paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
78
- paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
79
- paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
80
- paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
81
103
  position?: import("styled-system").ResponsiveValue<import("csstype").Property.Position, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
82
104
  right?: import("styled-system").ResponsiveValue<import("csstype").Property.Right<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
83
105
  textAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.TextAlign, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -101,37 +123,18 @@ declare namespace CircleOcticon {
101
123
  gridArea?: import("styled-system").ResponsiveValue<import("csstype").Property.GridArea, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
102
124
  gridColumn?: import("styled-system").ResponsiveValue<import("csstype").Property.GridColumn, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
103
125
  gridRow?: import("styled-system").ResponsiveValue<import("csstype").Property.GridRow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
104
- margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
105
126
  overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
106
- padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
107
127
  gridColumnGap?: import("styled-system").ResponsiveValue<import("csstype").Property.GridColumnGap<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
108
128
  gridGap?: import("styled-system").ResponsiveValue<import("csstype").Property.GridGap<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
109
129
  gridRowGap?: import("styled-system").ResponsiveValue<import("csstype").Property.GridRowGap<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
110
130
  hidden?: boolean | undefined;
131
+ borderX?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
132
+ borderY?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
111
133
  children?: React.ReactNode;
112
134
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
113
- p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
114
135
  slot?: string | undefined;
115
136
  style?: React.CSSProperties | undefined;
116
137
  title?: string | undefined;
117
- bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
118
- m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
119
- mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
120
- mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
121
- mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
122
- ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
123
- mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
124
- marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
125
- my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
126
- marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
127
- pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
128
- pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
129
- pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
130
- pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
131
- px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
132
- paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
133
- py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
134
- paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
135
138
  role?: React.AriaRole | undefined;
136
139
  sx?: import("./sx").BetterSystemStyleObject | undefined;
137
140
  key?: React.Key | null | undefined;
@@ -155,7 +158,6 @@ declare namespace CircleOcticon {
155
158
  datatype?: string | undefined;
156
159
  inlist?: any;
157
160
  prefix?: string | undefined;
158
- property?: string | undefined;
159
161
  resource?: string | undefined;
160
162
  typeof?: string | undefined;
161
163
  vocab?: string | undefined;
@@ -384,8 +386,6 @@ declare namespace CircleOcticon {
384
386
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
385
387
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
386
388
  css?: import("@emotion/core").InterpolationWithTheme<any>;
387
- borderX?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
388
- borderY?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
389
389
  theme?: any;
390
390
  };
391
391
  }