@cloudflare/component-button 9.1.0 → 9.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/Button.d.ts +5 -5
  3. package/dist/Button.stories.d.ts +7 -7
  4. package/dist/ButtonGroup.d.ts +1 -1
  5. package/dist/TextButton.d.ts +6 -6
  6. package/dist/UnstyledButton.d.ts +6 -6
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.1.2
4
+
5
+ ## 9.1.1
6
+
3
7
  ## 9.1.0
4
8
 
5
9
  ### Minor Changes
package/dist/Button.d.ts CHANGED
@@ -48,7 +48,7 @@ export declare const buttonStyles: (props: PropsWithTheme) => {
48
48
  readonly mb: 0;
49
49
  readonly ml: number;
50
50
  readonly px: 3 | "11px";
51
- readonly py: 1 | 2;
51
+ readonly py: 2 | 1;
52
52
  readonly pointerEvents: "none" | "auto";
53
53
  readonly position: "relative";
54
54
  readonly textAlign: "center";
@@ -79,7 +79,7 @@ export declare const buttonStyles: (props: PropsWithTheme) => {
79
79
  readonly alignItems: "center";
80
80
  readonly justifyContent: "center";
81
81
  readonly fontFamily: "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, \"Helvetica Neue\", Arial, sans-serif";
82
- readonly fontSize: 1 | 2;
82
+ readonly fontSize: 2 | 1;
83
83
  readonly fontWeight: 500;
84
84
  readonly lineHeight: 1.2;
85
85
  readonly border: "none";
@@ -131,12 +131,12 @@ declare type PropsWithTheme = Props & ThemeProp;
131
131
  declare const _default: React.ComponentType<{
132
132
  form?: string | undefined;
133
133
  children?: React.ReactNode;
134
+ id?: string | undefined;
134
135
  name?: string | undefined;
135
136
  space?: number | undefined;
136
137
  disabled?: boolean | undefined;
137
138
  compact?: boolean | undefined;
138
139
  className?: string | undefined;
139
- id?: string | undefined;
140
140
  tabIndex?: number | undefined;
141
141
  type?: "default" | "success" | "warning" | "primary" | "danger" | "plain" | "plainMono" | "plainDestructive" | undefined;
142
142
  direction?: "column" | "row" | undefined;
@@ -150,7 +150,7 @@ declare const _default: React.ComponentType<{
150
150
  inverted?: boolean | undefined;
151
151
  spaced?: boolean | undefined;
152
152
  group?: "first" | "last" | "inbetween" | undefined;
153
- iconType?: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo" | undefined;
153
+ iconType?: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo" | undefined;
154
154
  iconLabel?: string | undefined;
155
155
  iconProps?: IconProps | undefined;
156
156
  iconSize?: number | undefined;
@@ -227,7 +227,7 @@ declare const _default: React.ComponentType<{
227
227
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
228
228
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
229
229
  innerRef?: React.Ref<HTMLButtonElement> | undefined;
230
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
230
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
231
231
  gridColumnPad?: number | number[] | undefined;
232
232
  gridRowSpan?: number | number[] | undefined;
233
233
  gridRowPad?: number | number[] | undefined;
package/dist/Button.stories.d.ts CHANGED
@@ -3,12 +3,12 @@ import { ComponentMeta } from '@storybook/react';
3
3
  declare const _default: ComponentMeta<React.ComponentType<{
4
4
  form?: string | undefined;
5
5
  children?: React.ReactNode;
6
+ id?: string | undefined;
6
7
  name?: string | undefined;
7
8
  space?: number | undefined;
8
9
  disabled?: boolean | undefined;
9
10
  compact?: boolean | undefined;
10
11
  className?: string | undefined;
11
- id?: string | undefined;
12
12
  tabIndex?: number | undefined;
13
13
  type?: "default" | "success" | "warning" | "primary" | "danger" | "plain" | "plainMono" | "plainDestructive" | undefined;
14
14
  direction?: "column" | "row" | undefined;
@@ -22,10 +22,10 @@ declare const _default: ComponentMeta<React.ComponentType<{
22
22
  inverted?: boolean | undefined;
23
23
  spaced?: boolean | undefined;
24
24
  group?: "first" | "last" | "inbetween" | undefined;
25
- iconType?: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo" | undefined;
25
+ iconType?: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo" | undefined;
26
26
  iconLabel?: string | undefined;
27
27
  iconProps?: ({
28
- type: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
28
+ type: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
29
29
  className?: string | undefined;
30
30
  ariaLabel?: string | undefined;
31
31
  label?: string | boolean | undefined;
@@ -101,14 +101,14 @@ declare const _default: ComponentMeta<React.ComponentType<{
101
101
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
102
102
  size?: number | undefined;
103
103
  innerRef?: React.Ref<never> | undefined;
104
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
104
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
105
105
  gridColumnPad?: number | number[] | undefined;
106
106
  gridRowSpan?: number | number[] | undefined;
107
107
  gridRowPad?: number | number[] | undefined;
108
108
  gridAlign?: ("start" | "end" | "center" | "stretch") | undefined;
109
109
  gridJustify?: ("start" | "end" | "center" | "stretch") | undefined;
110
110
  } | ({
111
- type: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
111
+ type: "search" | "link" | "code" | "script" | "table" | "time" | "filter" | "image" | "right" | "none" | "download" | "target" | "list" | "version" | "key" | "left" | "revert" | "copy" | "help" | "add" | "subtract" | "warning" | "pause" | "dlp" | "account-analytics-logo" | "add-member" | "ai-audit" | "analytics-data" | "analytics-search" | "api-security" | "api" | "applications" | "arrow-down" | "arrow-external-link" | "backward" | "bolt" | "byoip" | "calendar" | "calls" | "captcha-outline" | "carbon" | "caret-double-left" | "caret-double-right" | "caret-down-stroke" | "caret-down" | "caret-left-stroke" | "caret-left" | "caret-reorder2" | "caret-right-stroke" | "caret-right" | "caret-up-stroke" | "caret-up" | "case-study" | "certificate" | "chart" | "clipboard" | "cloud-internet-solid" | "cloud-internet" | "cloud-multi" | "cloud-security" | "cloudflare-access" | "cloudflare-browser-outline" | "cloudflare-dex" | "cloudflare-email-security" | "cloudflare-magic-wan" | "cloudflare-pipelines" | "cloudflare-ruleset-engine" | "cloudflare-security-application" | "cloudflare-security-network" | "cloudflare-zero-trust" | "code-api-outline" | "code-edit" | "connector" | "credit-card" | "d1" | "ddos-attack-outline" | "ddos-attack" | "device-desktop" | "device-laptop" | "device-mobile" | "device-tablet" | "discord" | "discover" | "documentation" | "drag-outline" | "drag-solid" | "drive" | "edge-log-delivery" | "edgeworker" | "edit" | "email-forwarding" | "exclamation-sign" | "expand" | "external-link" | "eye" | "facebook" | "file" | "filter-drawer-outline" | "firewall-rules" | "flowchart" | "folder" | "forward" | "funnel" | "garbage-outline" | "garbage" | "gateway" | "gear" | "git-branch" | "github" | "globe" | "hamburger" | "hide-eye" | "home" | "hyperdrive" | "inbox" | "info-sign" | "internet-browser" | "leaf" | "linkedin" | "lock" | "logs" | "machine-learning-contextual-outline" | "magic-firewall" | "magic-network-monitoring" | "magic-transit-logo" | "mail" | "media-play" | "minus" | "more" | "network-analytics-logo" | "network-security" | "network" | "no-edit" | "notifications" | "office-branch" | "ok-sign" | "ok" | "optimization-scale" | "pages-logo" | "performance-arrow-up" | "pin-outline" | "pin-solid" | "platform-apps" | "plus" | "podcast-microphone-outline" | "podcast-microphone-solid" | "printer" | "processing" | "product-security-center" | "pub-sub" | "pull-request" | "queues" | "r2outline" | "r2" | "refresh" | "registrar-logo" | "reliability-dns" | "reliability-load-balancer" | "remove" | "reorder" | "resize-horizontal" | "retarget" | "router" | "security-bots" | "security-waf-solid" | "security-waf" | "server-origin" | "share-arrow-outline" | "shield" | "spectrum" | "speech" | "star-outline" | "star" | "stream" | "tail-worker" | "teams" | "terraform" | "thumbs-down-outline" | "thumbs-down-solid" | "thumbs-up-outline" | "thumbs-up-solid" | "timer" | "trace" | "traffic-attack-browser" | "turnstile" | "twitter" | "two-way" | "unlock-outline" | "upload" | "user-multi" | "user-outline" | "user" | "vectorize" | "waiting-room" | "warp" | "web-analytics-logo" | "web3" | "workers-bundled" | "workers-constellation" | "workers-durable-objects" | "workers-for-platforms" | "workers-kv" | "workers-pages" | "workers-unbound" | "wrangler" | "wrench" | "youtube" | "zaraz" | "zero-trust-risk-scoring" | "zerotrust-casb-logo" | "zerotrust-networks-logo";
112
112
  className?: string | undefined;
113
113
  ariaLabel?: string | undefined;
114
114
  label?: string | boolean | undefined;
@@ -184,7 +184,7 @@ declare const _default: ComponentMeta<React.ComponentType<{
184
184
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
185
185
  size?: number | undefined;
186
186
  innerRef?: React.Ref<never> | undefined;
187
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
187
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
188
188
  gridColumnPad?: number | number[] | undefined;
189
189
  gridRowSpan?: number | number[] | undefined;
190
190
  gridRowPad?: number | number[] | undefined;
@@ -267,7 +267,7 @@ declare const _default: ComponentMeta<React.ComponentType<{
267
267
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
268
268
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
269
269
  innerRef?: React.Ref<HTMLButtonElement> | undefined;
270
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
270
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
271
271
  gridColumnPad?: number | number[] | undefined;
272
272
  gridRowSpan?: number | number[] | undefined;
273
273
  gridRowPad?: number | number[] | undefined;
package/dist/ButtonGroup.d.ts CHANGED
@@ -76,7 +76,7 @@ declare const _default: React.ComponentType<{
76
76
  flexGrow?: import("csstype").GlobalsNumber | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | [import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined, import("csstype").GlobalsNumber | undefined] | undefined;
77
77
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
78
78
  innerRef?: React.Ref<never> | undefined;
79
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
79
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
80
80
  gridColumnPad?: number | number[] | undefined;
81
81
  gridRowSpan?: number | number[] | undefined;
82
82
  gridRowPad?: number | number[] | undefined;
package/dist/TextButton.d.ts CHANGED
@@ -6,10 +6,12 @@ declare const TextButton: import("react").ComponentType<{
6
6
  title?: string | undefined;
7
7
  children?: import("react").ReactNode;
8
8
  value?: string | number | readonly string[] | undefined;
9
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
10
+ typeof?: string | undefined;
11
+ id?: string | undefined;
9
12
  is?: string | undefined;
10
13
  name?: string | undefined;
11
14
  disabled?: boolean | undefined;
12
- color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
13
15
  defaultChecked?: boolean | undefined;
14
16
  defaultValue?: string | number | readonly string[] | undefined;
15
17
  suppressContentEditableWarning?: boolean | undefined;
@@ -23,12 +25,11 @@ declare const TextButton: import("react").ComponentType<{
23
25
  contextMenu?: string | undefined;
24
26
  dir?: string | undefined;
25
27
  draggable?: (boolean | "true" | "false") | undefined;
26
- id?: string | undefined;
27
28
  lang?: string | undefined;
28
29
  placeholder?: string | undefined;
29
30
  spellCheck?: (boolean | "true" | "false") | undefined;
30
31
  tabIndex?: number | undefined;
31
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
32
+ inputMode?: "search" | "text" | "url" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
32
33
  radioGroup?: string | undefined;
33
34
  role?: string | undefined;
34
35
  about?: string | undefined;
@@ -37,7 +38,6 @@ declare const TextButton: import("react").ComponentType<{
37
38
  prefix?: string | undefined;
38
39
  property?: string | undefined;
39
40
  resource?: string | undefined;
40
- typeof?: string | undefined;
41
41
  vocab?: string | undefined;
42
42
  autoCapitalize?: string | undefined;
43
43
  autoCorrect?: string | undefined;
@@ -59,7 +59,7 @@ declare const TextButton: import("react").ComponentType<{
59
59
  'aria-colindex'?: number | undefined;
60
60
  'aria-colspan'?: number | undefined;
61
61
  'aria-controls'?: string | undefined;
62
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
62
+ 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
63
63
  'aria-describedby'?: string | undefined;
64
64
  'aria-details'?: string | undefined;
65
65
  'aria-disabled'?: boolean | "true" | "false" | undefined;
@@ -338,7 +338,7 @@ declare const TextButton: import("react").ComponentType<{
338
338
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
339
339
  'data-testid'?: string | undefined;
340
340
  innerRef?: import("react").Ref<HTMLButtonElement> | undefined;
341
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
341
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
342
342
  gridColumnPad?: number | number[] | undefined;
343
343
  gridRowSpan?: number | number[] | undefined;
344
344
  gridRowPad?: number | number[] | undefined;
package/dist/UnstyledButton.d.ts CHANGED
@@ -6,10 +6,12 @@ declare const UnstyledButton: import("react").ComponentType<{
6
6
  title?: string | undefined;
7
7
  children?: import("react").ReactNode;
8
8
  value?: string | number | readonly string[] | undefined;
9
+ color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
10
+ typeof?: string | undefined;
11
+ id?: string | undefined;
9
12
  is?: string | undefined;
10
13
  name?: string | undefined;
11
14
  disabled?: boolean | undefined;
12
- color?: (string & (string | [string | undefined, string | undefined] | [string | undefined, string | undefined, string | undefined])) | undefined;
13
15
  defaultChecked?: boolean | undefined;
14
16
  defaultValue?: string | number | readonly string[] | undefined;
15
17
  suppressContentEditableWarning?: boolean | undefined;
@@ -23,12 +25,11 @@ declare const UnstyledButton: import("react").ComponentType<{
23
25
  contextMenu?: string | undefined;
24
26
  dir?: string | undefined;
25
27
  draggable?: (boolean | "true" | "false") | undefined;
26
- id?: string | undefined;
27
28
  lang?: string | undefined;
28
29
  placeholder?: string | undefined;
29
30
  spellCheck?: (boolean | "true" | "false") | undefined;
30
31
  tabIndex?: number | undefined;
31
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
32
+ inputMode?: "search" | "text" | "url" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
32
33
  radioGroup?: string | undefined;
33
34
  role?: string | undefined;
34
35
  about?: string | undefined;
@@ -37,7 +38,6 @@ declare const UnstyledButton: import("react").ComponentType<{
37
38
  prefix?: string | undefined;
38
39
  property?: string | undefined;
39
40
  resource?: string | undefined;
40
- typeof?: string | undefined;
41
41
  vocab?: string | undefined;
42
42
  autoCapitalize?: string | undefined;
43
43
  autoCorrect?: string | undefined;
@@ -59,7 +59,7 @@ declare const UnstyledButton: import("react").ComponentType<{
59
59
  'aria-colindex'?: number | undefined;
60
60
  'aria-colspan'?: number | undefined;
61
61
  'aria-controls'?: string | undefined;
62
- 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
62
+ 'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
63
63
  'aria-describedby'?: string | undefined;
64
64
  'aria-details'?: string | undefined;
65
65
  'aria-disabled'?: boolean | "true" | "false" | undefined;
@@ -338,7 +338,7 @@ declare const UnstyledButton: import("react").ComponentType<{
338
338
  gridTemplateColumns?: import("csstype").GridTemplateColumnsProperty<string | number> | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | [import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined, import("csstype").GridTemplateColumnsProperty<string | number> | undefined] | undefined;
339
339
  focus?: boolean | undefined;
340
340
  innerRef?: import("react").Ref<HTMLButtonElement> | undefined;
341
- gridColumnSpan?: number | number[] | "end" | "all" | undefined;
341
+ gridColumnSpan?: number | number[] | "all" | "end" | undefined;
342
342
  gridColumnPad?: number | number[] | undefined;
343
343
  gridRowSpan?: number | number[] | undefined;
344
344
  gridRowPad?: number | number[] | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-button",
3
3
  "description": "Cloudflare Button Component",
4
- "version": "9.1.0",
4
+ "version": "9.1.2",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "James Kyle <jkyle@cloudflare.com>",