@wallarm-org/design-system 1.1.0 → 1.2.0-rc-fix-inline-edit-blur-commit.1
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.
- package/dist/components/Field/FieldAction.d.ts +5 -1
- package/dist/components/Field/FieldAction.js +2 -2
- package/dist/components/Field/index.d.ts +1 -1
- package/dist/components/InlineEdit/InlineEditActions.d.ts +6 -0
- package/dist/components/InlineEdit/InlineEditActions.js +66 -0
- package/dist/components/InlineEdit/InlineEditControl.d.ts +6 -0
- package/dist/components/InlineEdit/InlineEditControl.js +12 -5
- package/dist/components/Link/classes.js +1 -1
- package/dist/components/List/List.d.ts +14 -0
- package/dist/components/List/List.js +24 -0
- package/dist/components/List/ListIcon.d.ts +6 -0
- package/dist/components/List/ListIcon.js +17 -0
- package/dist/components/List/ListItem.d.ts +6 -0
- package/dist/components/List/ListItem.js +20 -0
- package/dist/components/List/classes.d.ts +6 -0
- package/dist/components/List/classes.js +26 -0
- package/dist/components/List/index.d.ts +3 -0
- package/dist/components/List/index.js +3 -0
- package/dist/components/PasswordComplexity/PasswordComplexity.d.ts +13 -0
- package/dist/components/PasswordComplexity/PasswordComplexity.js +36 -0
- package/dist/components/PasswordComplexity/classes.d.ts +6 -0
- package/dist/components/PasswordComplexity/classes.js +18 -0
- package/dist/components/PasswordComplexity/index.d.ts +2 -0
- package/dist/components/PasswordComplexity/index.js +2 -0
- package/dist/components/PasswordComplexity/validators.d.ts +8 -0
- package/dist/components/PasswordComplexity/validators.js +9 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +5 -0
- package/dist/components/PasswordInput/PasswordInput.js +53 -0
- package/dist/components/PasswordInput/index.d.ts +1 -0
- package/dist/components/PasswordInput/index.js +1 -0
- package/dist/components/Table/TableContext/TableProvider.js +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/dist/metadata/components.json +2151 -482
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.
|
|
3
|
-
"generatedAt": "2026-08-
|
|
2
|
+
"version": "1.1.0",
|
|
3
|
+
"generatedAt": "2026-08-20T18:48:17.251Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "Accordion",
|
|
@@ -32055,6 +32055,13 @@
|
|
|
32055
32055
|
"required": false,
|
|
32056
32056
|
"description": "Explicit render-time submit mode for this editor session. Highest\nprecedence (beats editor registrations and the root prop) — the escape\nhatch for custom editors that cannot call useInlineEditSubmitMode."
|
|
32057
32057
|
},
|
|
32058
|
+
{
|
|
32059
|
+
"name": "showActions",
|
|
32060
|
+
"type": "boolean | undefined",
|
|
32061
|
+
"required": false,
|
|
32062
|
+
"description": "Show floating action buttons (submit/cancel) below the input.\nProvides a mouse-clickable alternative to Enter/Escape keyboard shortcuts.",
|
|
32063
|
+
"defaultValue": "true"
|
|
32064
|
+
},
|
|
32058
32065
|
{
|
|
32059
32066
|
"name": "defaultChecked",
|
|
32060
32067
|
"type": "boolean | undefined",
|
|
@@ -36839,99 +36846,38 @@
|
|
|
36839
36846
|
]
|
|
36840
36847
|
},
|
|
36841
36848
|
{
|
|
36842
|
-
"name": "
|
|
36843
|
-
"importPath": "@wallarm-org/design-system/
|
|
36849
|
+
"name": "List",
|
|
36850
|
+
"importPath": "@wallarm-org/design-system/List",
|
|
36844
36851
|
"props": [
|
|
36845
36852
|
{
|
|
36846
|
-
"name": "
|
|
36847
|
-
"type": "
|
|
36848
|
-
"required": false,
|
|
36849
|
-
"defaultValue": "circle"
|
|
36850
|
-
},
|
|
36851
|
-
{
|
|
36852
|
-
"name": "background",
|
|
36853
|
-
"type": "boolean | undefined",
|
|
36854
|
-
"required": false,
|
|
36855
|
-
"defaultValue": "true"
|
|
36856
|
-
},
|
|
36857
|
-
{
|
|
36858
|
-
"name": "size",
|
|
36859
|
-
"type": "{ sm: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; }",
|
|
36853
|
+
"name": "variant",
|
|
36854
|
+
"type": "ListVariant | undefined",
|
|
36860
36855
|
"required": false,
|
|
36861
|
-
"defaultValue": "
|
|
36856
|
+
"defaultValue": "unordered"
|
|
36862
36857
|
},
|
|
36863
36858
|
{
|
|
36864
|
-
"name": "
|
|
36865
|
-
"type": "
|
|
36859
|
+
"name": "spacing",
|
|
36860
|
+
"type": "ListSpacing | undefined",
|
|
36866
36861
|
"required": false
|
|
36867
|
-
}
|
|
36868
|
-
],
|
|
36869
|
-
"variants": [
|
|
36870
|
-
{
|
|
36871
|
-
"name": "size",
|
|
36872
|
-
"options": [
|
|
36873
|
-
"sm",
|
|
36874
|
-
"md",
|
|
36875
|
-
"lg",
|
|
36876
|
-
"xl",
|
|
36877
|
-
"2xl",
|
|
36878
|
-
"3xl"
|
|
36879
|
-
]
|
|
36880
|
-
},
|
|
36881
|
-
{
|
|
36882
|
-
"name": "color",
|
|
36883
|
-
"options": [
|
|
36884
|
-
"primary",
|
|
36885
|
-
"primary-alt",
|
|
36886
|
-
"primary-alt-fixed",
|
|
36887
|
-
"brand",
|
|
36888
|
-
"danger"
|
|
36889
|
-
]
|
|
36890
|
-
}
|
|
36891
|
-
],
|
|
36892
|
-
"subComponents": [],
|
|
36893
|
-
"examples": [
|
|
36894
|
-
{
|
|
36895
|
-
"name": "Basic",
|
|
36896
|
-
"code": "() => <Loader />"
|
|
36897
|
-
},
|
|
36898
|
-
{
|
|
36899
|
-
"name": "Types",
|
|
36900
|
-
"code": "() => (\n <HStack>\n <Loader type='circle' />\n <Loader type='sonner' />\n </HStack>\n)"
|
|
36901
|
-
},
|
|
36902
|
-
{
|
|
36903
|
-
"name": "Sizes",
|
|
36904
|
-
"code": "() => (\n <VStack>\n <HStack>\n <Loader size='sm' />\n <Loader size='md' />\n <Loader size='lg' />\n <Loader size='xl' />\n <Loader size='2xl' />\n <Loader size='3xl' />\n </HStack>\n\n <HStack>\n <Loader type='sonner' size='sm' />\n <Loader type='sonner' size='md' />\n <Loader type='sonner' size='lg' />\n <Loader type='sonner' size='xl' />\n <Loader type='sonner' size='2xl' />\n <Loader type='sonner' size='3xl' />\n </HStack>\n </VStack>\n)"
|
|
36905
36862
|
},
|
|
36906
36863
|
{
|
|
36907
|
-
"name": "
|
|
36908
|
-
"
|
|
36864
|
+
"name": "marker",
|
|
36865
|
+
"type": "ListMarker | undefined",
|
|
36866
|
+
"required": false
|
|
36909
36867
|
},
|
|
36910
36868
|
{
|
|
36911
|
-
"name": "
|
|
36912
|
-
"
|
|
36913
|
-
|
|
36914
|
-
]
|
|
36915
|
-
},
|
|
36916
|
-
{
|
|
36917
|
-
"name": "Logo",
|
|
36918
|
-
"importPath": "@wallarm-org/design-system/Logo",
|
|
36919
|
-
"props": [
|
|
36920
|
-
{
|
|
36921
|
-
"name": "type",
|
|
36922
|
-
"type": "LogoType | undefined",
|
|
36923
|
-
"required": false,
|
|
36924
|
-
"defaultValue": "full"
|
|
36869
|
+
"name": "defaultChecked",
|
|
36870
|
+
"type": "boolean | undefined",
|
|
36871
|
+
"required": false
|
|
36925
36872
|
},
|
|
36926
36873
|
{
|
|
36927
|
-
"name": "
|
|
36928
|
-
"type": "
|
|
36929
|
-
"required": false
|
|
36930
|
-
"defaultValue": "default"
|
|
36874
|
+
"name": "defaultValue",
|
|
36875
|
+
"type": "string | number | readonly string[] | undefined",
|
|
36876
|
+
"required": false
|
|
36931
36877
|
},
|
|
36932
36878
|
{
|
|
36933
|
-
"name": "
|
|
36934
|
-
"type": "
|
|
36879
|
+
"name": "suppressContentEditableWarning",
|
|
36880
|
+
"type": "boolean | undefined",
|
|
36935
36881
|
"required": false
|
|
36936
36882
|
},
|
|
36937
36883
|
{
|
|
@@ -36940,73 +36886,73 @@
|
|
|
36940
36886
|
"required": false
|
|
36941
36887
|
},
|
|
36942
36888
|
{
|
|
36943
|
-
"name": "
|
|
36944
|
-
"type": "string |
|
|
36889
|
+
"name": "accessKey",
|
|
36890
|
+
"type": "string | undefined",
|
|
36945
36891
|
"required": false
|
|
36946
36892
|
},
|
|
36947
36893
|
{
|
|
36948
|
-
"name": "
|
|
36949
|
-
"type": "string | undefined",
|
|
36894
|
+
"name": "autoCapitalize",
|
|
36895
|
+
"type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
36950
36896
|
"required": false
|
|
36951
36897
|
},
|
|
36952
36898
|
{
|
|
36953
|
-
"name": "
|
|
36954
|
-
"type": "
|
|
36899
|
+
"name": "autoFocus",
|
|
36900
|
+
"type": "boolean | undefined",
|
|
36955
36901
|
"required": false
|
|
36956
36902
|
},
|
|
36957
36903
|
{
|
|
36958
|
-
"name": "
|
|
36959
|
-
"type": "
|
|
36904
|
+
"name": "contentEditable",
|
|
36905
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
36960
36906
|
"required": false
|
|
36961
36907
|
},
|
|
36962
36908
|
{
|
|
36963
|
-
"name": "
|
|
36909
|
+
"name": "contextMenu",
|
|
36964
36910
|
"type": "string | undefined",
|
|
36965
36911
|
"required": false
|
|
36966
36912
|
},
|
|
36967
36913
|
{
|
|
36968
|
-
"name": "
|
|
36914
|
+
"name": "dir",
|
|
36969
36915
|
"type": "string | undefined",
|
|
36970
36916
|
"required": false
|
|
36971
36917
|
},
|
|
36972
36918
|
{
|
|
36973
|
-
"name": "
|
|
36974
|
-
"type": "
|
|
36919
|
+
"name": "draggable",
|
|
36920
|
+
"type": "Booleanish | undefined",
|
|
36975
36921
|
"required": false
|
|
36976
36922
|
},
|
|
36977
36923
|
{
|
|
36978
|
-
"name": "
|
|
36979
|
-
"type": "
|
|
36924
|
+
"name": "enterKeyHint",
|
|
36925
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
36980
36926
|
"required": false
|
|
36981
36927
|
},
|
|
36982
36928
|
{
|
|
36983
|
-
"name": "
|
|
36984
|
-
"type": "
|
|
36929
|
+
"name": "hidden",
|
|
36930
|
+
"type": "boolean | undefined",
|
|
36985
36931
|
"required": false
|
|
36986
36932
|
},
|
|
36987
36933
|
{
|
|
36988
|
-
"name": "
|
|
36934
|
+
"name": "id",
|
|
36989
36935
|
"type": "string | undefined",
|
|
36990
36936
|
"required": false
|
|
36991
36937
|
},
|
|
36992
36938
|
{
|
|
36993
|
-
"name": "
|
|
36939
|
+
"name": "lang",
|
|
36994
36940
|
"type": "string | undefined",
|
|
36995
36941
|
"required": false
|
|
36996
36942
|
},
|
|
36997
36943
|
{
|
|
36998
|
-
"name": "
|
|
36944
|
+
"name": "nonce",
|
|
36999
36945
|
"type": "string | undefined",
|
|
37000
36946
|
"required": false
|
|
37001
36947
|
},
|
|
37002
36948
|
{
|
|
37003
|
-
"name": "
|
|
37004
|
-
"type": "string |
|
|
36949
|
+
"name": "slot",
|
|
36950
|
+
"type": "string | undefined",
|
|
37005
36951
|
"required": false
|
|
37006
36952
|
},
|
|
37007
36953
|
{
|
|
37008
|
-
"name": "
|
|
37009
|
-
"type": "
|
|
36954
|
+
"name": "spellCheck",
|
|
36955
|
+
"type": "Booleanish | undefined",
|
|
37010
36956
|
"required": false
|
|
37011
36957
|
},
|
|
37012
36958
|
{
|
|
@@ -37015,395 +36961,1346 @@
|
|
|
37015
36961
|
"required": false
|
|
37016
36962
|
},
|
|
37017
36963
|
{
|
|
37018
|
-
"name": "
|
|
37019
|
-
"type": "
|
|
37020
|
-
"required": false
|
|
37021
|
-
},
|
|
37022
|
-
{
|
|
37023
|
-
"name": "accentHeight",
|
|
37024
|
-
"type": "string | number | undefined",
|
|
37025
|
-
"required": false
|
|
37026
|
-
},
|
|
37027
|
-
{
|
|
37028
|
-
"name": "accumulate",
|
|
37029
|
-
"type": "\"none\" | \"sum\" | undefined",
|
|
37030
|
-
"required": false
|
|
37031
|
-
},
|
|
37032
|
-
{
|
|
37033
|
-
"name": "additive",
|
|
37034
|
-
"type": "\"sum\" | \"replace\" | undefined",
|
|
37035
|
-
"required": false
|
|
37036
|
-
},
|
|
37037
|
-
{
|
|
37038
|
-
"name": "alignmentBaseline",
|
|
37039
|
-
"type": "\"alphabetic\" | \"hanging\" | \"ideographic\" | \"mathematical\" | \"auto\" | \"baseline\" | \"before-edge\" | \"text-before-edge\" | \"middle\" | \"central\" | \"after-edge\" | \"text-after-edge\" | \"inherit\" | undefined",
|
|
37040
|
-
"required": false
|
|
37041
|
-
},
|
|
37042
|
-
{
|
|
37043
|
-
"name": "allowReorder",
|
|
37044
|
-
"type": "\"no\" | \"yes\" | undefined",
|
|
37045
|
-
"required": false
|
|
37046
|
-
},
|
|
37047
|
-
{
|
|
37048
|
-
"name": "alphabetic",
|
|
37049
|
-
"type": "string | number | undefined",
|
|
36964
|
+
"name": "title",
|
|
36965
|
+
"type": "string | undefined",
|
|
37050
36966
|
"required": false
|
|
37051
36967
|
},
|
|
37052
36968
|
{
|
|
37053
|
-
"name": "
|
|
37054
|
-
"type": "
|
|
36969
|
+
"name": "translate",
|
|
36970
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
37055
36971
|
"required": false
|
|
37056
36972
|
},
|
|
37057
36973
|
{
|
|
37058
|
-
"name": "
|
|
37059
|
-
"type": "
|
|
36974
|
+
"name": "radioGroup",
|
|
36975
|
+
"type": "string | undefined",
|
|
37060
36976
|
"required": false
|
|
37061
36977
|
},
|
|
37062
36978
|
{
|
|
37063
|
-
"name": "
|
|
37064
|
-
"type": "
|
|
36979
|
+
"name": "role",
|
|
36980
|
+
"type": "AriaRole | undefined",
|
|
37065
36981
|
"required": false
|
|
37066
36982
|
},
|
|
37067
36983
|
{
|
|
37068
|
-
"name": "
|
|
36984
|
+
"name": "about",
|
|
37069
36985
|
"type": "string | undefined",
|
|
37070
36986
|
"required": false
|
|
37071
36987
|
},
|
|
37072
36988
|
{
|
|
37073
|
-
"name": "
|
|
36989
|
+
"name": "content",
|
|
37074
36990
|
"type": "string | undefined",
|
|
37075
36991
|
"required": false
|
|
37076
36992
|
},
|
|
37077
36993
|
{
|
|
37078
|
-
"name": "
|
|
37079
|
-
"type": "Booleanish | undefined",
|
|
37080
|
-
"required": false
|
|
37081
|
-
},
|
|
37082
|
-
{
|
|
37083
|
-
"name": "azimuth",
|
|
37084
|
-
"type": "string | number | undefined",
|
|
37085
|
-
"required": false
|
|
37086
|
-
},
|
|
37087
|
-
{
|
|
37088
|
-
"name": "baseFrequency",
|
|
37089
|
-
"type": "string | number | undefined",
|
|
37090
|
-
"required": false
|
|
37091
|
-
},
|
|
37092
|
-
{
|
|
37093
|
-
"name": "baselineShift",
|
|
37094
|
-
"type": "string | number | undefined",
|
|
37095
|
-
"required": false
|
|
37096
|
-
},
|
|
37097
|
-
{
|
|
37098
|
-
"name": "baseProfile",
|
|
37099
|
-
"type": "string | number | undefined",
|
|
37100
|
-
"required": false
|
|
37101
|
-
},
|
|
37102
|
-
{
|
|
37103
|
-
"name": "bbox",
|
|
37104
|
-
"type": "string | number | undefined",
|
|
37105
|
-
"required": false
|
|
37106
|
-
},
|
|
37107
|
-
{
|
|
37108
|
-
"name": "begin",
|
|
37109
|
-
"type": "string | number | undefined",
|
|
37110
|
-
"required": false
|
|
37111
|
-
},
|
|
37112
|
-
{
|
|
37113
|
-
"name": "bias",
|
|
37114
|
-
"type": "string | number | undefined",
|
|
37115
|
-
"required": false
|
|
37116
|
-
},
|
|
37117
|
-
{
|
|
37118
|
-
"name": "by",
|
|
37119
|
-
"type": "string | number | undefined",
|
|
37120
|
-
"required": false
|
|
37121
|
-
},
|
|
37122
|
-
{
|
|
37123
|
-
"name": "calcMode",
|
|
37124
|
-
"type": "string | number | undefined",
|
|
37125
|
-
"required": false
|
|
37126
|
-
},
|
|
37127
|
-
{
|
|
37128
|
-
"name": "capHeight",
|
|
37129
|
-
"type": "string | number | undefined",
|
|
37130
|
-
"required": false
|
|
37131
|
-
},
|
|
37132
|
-
{
|
|
37133
|
-
"name": "clip",
|
|
37134
|
-
"type": "string | number | undefined",
|
|
37135
|
-
"required": false
|
|
37136
|
-
},
|
|
37137
|
-
{
|
|
37138
|
-
"name": "clipPath",
|
|
36994
|
+
"name": "datatype",
|
|
37139
36995
|
"type": "string | undefined",
|
|
37140
36996
|
"required": false
|
|
37141
36997
|
},
|
|
37142
36998
|
{
|
|
37143
|
-
"name": "
|
|
37144
|
-
"type": "
|
|
37145
|
-
"required": false
|
|
37146
|
-
},
|
|
37147
|
-
{
|
|
37148
|
-
"name": "clipRule",
|
|
37149
|
-
"type": "string | number | undefined",
|
|
37150
|
-
"required": false
|
|
37151
|
-
},
|
|
37152
|
-
{
|
|
37153
|
-
"name": "colorInterpolation",
|
|
37154
|
-
"type": "string | number | undefined",
|
|
37155
|
-
"required": false
|
|
37156
|
-
},
|
|
37157
|
-
{
|
|
37158
|
-
"name": "colorInterpolationFilters",
|
|
37159
|
-
"type": "\"auto\" | \"inherit\" | \"sRGB\" | \"linearRGB\" | undefined",
|
|
37160
|
-
"required": false
|
|
37161
|
-
},
|
|
37162
|
-
{
|
|
37163
|
-
"name": "colorProfile",
|
|
37164
|
-
"type": "string | number | undefined",
|
|
37165
|
-
"required": false
|
|
37166
|
-
},
|
|
37167
|
-
{
|
|
37168
|
-
"name": "colorRendering",
|
|
37169
|
-
"type": "string | number | undefined",
|
|
37170
|
-
"required": false
|
|
37171
|
-
},
|
|
37172
|
-
{
|
|
37173
|
-
"name": "contentScriptType",
|
|
37174
|
-
"type": "string | number | undefined",
|
|
37175
|
-
"required": false
|
|
37176
|
-
},
|
|
37177
|
-
{
|
|
37178
|
-
"name": "contentStyleType",
|
|
37179
|
-
"type": "string | number | undefined",
|
|
37180
|
-
"required": false
|
|
37181
|
-
},
|
|
37182
|
-
{
|
|
37183
|
-
"name": "cursor",
|
|
37184
|
-
"type": "string | number | undefined",
|
|
37185
|
-
"required": false
|
|
37186
|
-
},
|
|
37187
|
-
{
|
|
37188
|
-
"name": "cx",
|
|
37189
|
-
"type": "string | number | undefined",
|
|
37190
|
-
"required": false
|
|
37191
|
-
},
|
|
37192
|
-
{
|
|
37193
|
-
"name": "cy",
|
|
37194
|
-
"type": "string | number | undefined",
|
|
36999
|
+
"name": "inlist",
|
|
37000
|
+
"type": "any",
|
|
37195
37001
|
"required": false
|
|
37196
37002
|
},
|
|
37197
37003
|
{
|
|
37198
|
-
"name": "
|
|
37004
|
+
"name": "prefix",
|
|
37199
37005
|
"type": "string | undefined",
|
|
37200
37006
|
"required": false
|
|
37201
37007
|
},
|
|
37202
37008
|
{
|
|
37203
|
-
"name": "
|
|
37204
|
-
"type": "string |
|
|
37205
|
-
"required": false
|
|
37206
|
-
},
|
|
37207
|
-
{
|
|
37208
|
-
"name": "descent",
|
|
37209
|
-
"type": "string | number | undefined",
|
|
37210
|
-
"required": false
|
|
37211
|
-
},
|
|
37212
|
-
{
|
|
37213
|
-
"name": "diffuseConstant",
|
|
37214
|
-
"type": "string | number | undefined",
|
|
37215
|
-
"required": false
|
|
37216
|
-
},
|
|
37217
|
-
{
|
|
37218
|
-
"name": "direction",
|
|
37219
|
-
"type": "string | number | undefined",
|
|
37220
|
-
"required": false
|
|
37221
|
-
},
|
|
37222
|
-
{
|
|
37223
|
-
"name": "display",
|
|
37224
|
-
"type": "string | number | undefined",
|
|
37225
|
-
"required": false
|
|
37226
|
-
},
|
|
37227
|
-
{
|
|
37228
|
-
"name": "divisor",
|
|
37229
|
-
"type": "string | number | undefined",
|
|
37230
|
-
"required": false
|
|
37231
|
-
},
|
|
37232
|
-
{
|
|
37233
|
-
"name": "dominantBaseline",
|
|
37234
|
-
"type": "\"alphabetic\" | \"hanging\" | \"ideographic\" | \"mathematical\" | \"auto\" | \"text-before-edge\" | \"middle\" | \"central\" | \"text-after-edge\" | \"inherit\" | \"use-script\" | \"no-change\" | \"reset-size\" | undefined",
|
|
37235
|
-
"required": false
|
|
37236
|
-
},
|
|
37237
|
-
{
|
|
37238
|
-
"name": "dur",
|
|
37239
|
-
"type": "string | number | undefined",
|
|
37240
|
-
"required": false
|
|
37241
|
-
},
|
|
37242
|
-
{
|
|
37243
|
-
"name": "dx",
|
|
37244
|
-
"type": "string | number | undefined",
|
|
37245
|
-
"required": false
|
|
37246
|
-
},
|
|
37247
|
-
{
|
|
37248
|
-
"name": "dy",
|
|
37249
|
-
"type": "string | number | undefined",
|
|
37250
|
-
"required": false
|
|
37251
|
-
},
|
|
37252
|
-
{
|
|
37253
|
-
"name": "edgeMode",
|
|
37254
|
-
"type": "string | number | undefined",
|
|
37255
|
-
"required": false
|
|
37256
|
-
},
|
|
37257
|
-
{
|
|
37258
|
-
"name": "elevation",
|
|
37259
|
-
"type": "string | number | undefined",
|
|
37260
|
-
"required": false
|
|
37261
|
-
},
|
|
37262
|
-
{
|
|
37263
|
-
"name": "enableBackground",
|
|
37264
|
-
"type": "string | number | undefined",
|
|
37265
|
-
"required": false
|
|
37266
|
-
},
|
|
37267
|
-
{
|
|
37268
|
-
"name": "end",
|
|
37269
|
-
"type": "string | number | undefined",
|
|
37009
|
+
"name": "property",
|
|
37010
|
+
"type": "string | undefined",
|
|
37270
37011
|
"required": false
|
|
37271
37012
|
},
|
|
37272
37013
|
{
|
|
37273
|
-
"name": "
|
|
37274
|
-
"type": "string |
|
|
37014
|
+
"name": "rel",
|
|
37015
|
+
"type": "string | undefined",
|
|
37275
37016
|
"required": false
|
|
37276
37017
|
},
|
|
37277
37018
|
{
|
|
37278
|
-
"name": "
|
|
37279
|
-
"type": "
|
|
37019
|
+
"name": "resource",
|
|
37020
|
+
"type": "string | undefined",
|
|
37280
37021
|
"required": false
|
|
37281
37022
|
},
|
|
37282
37023
|
{
|
|
37283
|
-
"name": "
|
|
37024
|
+
"name": "rev",
|
|
37284
37025
|
"type": "string | undefined",
|
|
37285
37026
|
"required": false
|
|
37286
37027
|
},
|
|
37287
37028
|
{
|
|
37288
|
-
"name": "
|
|
37289
|
-
"type": "string |
|
|
37029
|
+
"name": "typeof",
|
|
37030
|
+
"type": "string | undefined",
|
|
37290
37031
|
"required": false
|
|
37291
37032
|
},
|
|
37292
37033
|
{
|
|
37293
|
-
"name": "
|
|
37294
|
-
"type": "
|
|
37034
|
+
"name": "vocab",
|
|
37035
|
+
"type": "string | undefined",
|
|
37295
37036
|
"required": false
|
|
37296
37037
|
},
|
|
37297
37038
|
{
|
|
37298
|
-
"name": "
|
|
37039
|
+
"name": "autoCorrect",
|
|
37299
37040
|
"type": "string | undefined",
|
|
37300
37041
|
"required": false
|
|
37301
37042
|
},
|
|
37302
37043
|
{
|
|
37303
|
-
"name": "
|
|
37304
|
-
"type": "string |
|
|
37044
|
+
"name": "autoSave",
|
|
37045
|
+
"type": "string | undefined",
|
|
37305
37046
|
"required": false
|
|
37306
37047
|
},
|
|
37307
37048
|
{
|
|
37308
|
-
"name": "
|
|
37309
|
-
"type": "string |
|
|
37049
|
+
"name": "color",
|
|
37050
|
+
"type": "string | undefined",
|
|
37310
37051
|
"required": false
|
|
37311
37052
|
},
|
|
37312
37053
|
{
|
|
37313
|
-
"name": "
|
|
37314
|
-
"type": "string |
|
|
37054
|
+
"name": "itemProp",
|
|
37055
|
+
"type": "string | undefined",
|
|
37315
37056
|
"required": false
|
|
37316
37057
|
},
|
|
37317
37058
|
{
|
|
37318
|
-
"name": "
|
|
37319
|
-
"type": "
|
|
37059
|
+
"name": "itemScope",
|
|
37060
|
+
"type": "boolean | undefined",
|
|
37320
37061
|
"required": false
|
|
37321
37062
|
},
|
|
37322
37063
|
{
|
|
37323
|
-
"name": "
|
|
37324
|
-
"type": "
|
|
37064
|
+
"name": "itemType",
|
|
37065
|
+
"type": "string | undefined",
|
|
37325
37066
|
"required": false
|
|
37326
37067
|
},
|
|
37327
37068
|
{
|
|
37328
|
-
"name": "
|
|
37069
|
+
"name": "itemID",
|
|
37329
37070
|
"type": "string | undefined",
|
|
37330
37071
|
"required": false
|
|
37331
37072
|
},
|
|
37332
37073
|
{
|
|
37333
|
-
"name": "
|
|
37334
|
-
"type": "string |
|
|
37074
|
+
"name": "itemRef",
|
|
37075
|
+
"type": "string | undefined",
|
|
37335
37076
|
"required": false
|
|
37336
37077
|
},
|
|
37337
37078
|
{
|
|
37338
|
-
"name": "
|
|
37339
|
-
"type": "
|
|
37079
|
+
"name": "results",
|
|
37080
|
+
"type": "number | undefined",
|
|
37340
37081
|
"required": false
|
|
37341
37082
|
},
|
|
37342
37083
|
{
|
|
37343
|
-
"name": "
|
|
37344
|
-
"type": "string |
|
|
37084
|
+
"name": "security",
|
|
37085
|
+
"type": "string | undefined",
|
|
37345
37086
|
"required": false
|
|
37346
37087
|
},
|
|
37347
37088
|
{
|
|
37348
|
-
"name": "
|
|
37349
|
-
"type": "
|
|
37089
|
+
"name": "unselectable",
|
|
37090
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
37350
37091
|
"required": false
|
|
37351
37092
|
},
|
|
37352
37093
|
{
|
|
37353
|
-
"name": "
|
|
37354
|
-
"type": "
|
|
37094
|
+
"name": "popover",
|
|
37095
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
37355
37096
|
"required": false
|
|
37356
37097
|
},
|
|
37357
37098
|
{
|
|
37358
|
-
"name": "
|
|
37359
|
-
"type": "
|
|
37099
|
+
"name": "popoverTargetAction",
|
|
37100
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
37360
37101
|
"required": false
|
|
37361
37102
|
},
|
|
37362
37103
|
{
|
|
37363
|
-
"name": "
|
|
37364
|
-
"type": "string |
|
|
37104
|
+
"name": "popoverTarget",
|
|
37105
|
+
"type": "string | undefined",
|
|
37365
37106
|
"required": false
|
|
37366
37107
|
},
|
|
37367
37108
|
{
|
|
37368
|
-
"name": "
|
|
37369
|
-
"type": "
|
|
37370
|
-
"required": false
|
|
37109
|
+
"name": "inert",
|
|
37110
|
+
"type": "boolean | undefined",
|
|
37111
|
+
"required": false,
|
|
37112
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
37371
37113
|
},
|
|
37372
37114
|
{
|
|
37373
|
-
"name": "
|
|
37374
|
-
"type": "
|
|
37375
|
-
"required": false
|
|
37115
|
+
"name": "inputMode",
|
|
37116
|
+
"type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
|
|
37117
|
+
"required": false,
|
|
37118
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
37376
37119
|
},
|
|
37377
37120
|
{
|
|
37378
|
-
"name": "
|
|
37379
|
-
"type": "string |
|
|
37380
|
-
"required": false
|
|
37121
|
+
"name": "is",
|
|
37122
|
+
"type": "string | undefined",
|
|
37123
|
+
"required": false,
|
|
37124
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
37381
37125
|
},
|
|
37382
37126
|
{
|
|
37383
|
-
"name": "
|
|
37384
|
-
"type": "string |
|
|
37385
|
-
"required": false
|
|
37127
|
+
"name": "exportparts",
|
|
37128
|
+
"type": "string | undefined",
|
|
37129
|
+
"required": false,
|
|
37130
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
37386
37131
|
},
|
|
37387
37132
|
{
|
|
37388
|
-
"name": "
|
|
37389
|
-
"type": "string |
|
|
37390
|
-
"required": false
|
|
37391
|
-
|
|
37133
|
+
"name": "part",
|
|
37134
|
+
"type": "string | undefined",
|
|
37135
|
+
"required": false,
|
|
37136
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
37137
|
+
}
|
|
37138
|
+
],
|
|
37139
|
+
"variants": [
|
|
37392
37140
|
{
|
|
37393
|
-
"name": "
|
|
37394
|
-
"
|
|
37395
|
-
|
|
37141
|
+
"name": "spacing",
|
|
37142
|
+
"options": [
|
|
37143
|
+
"0",
|
|
37144
|
+
"2",
|
|
37145
|
+
"4",
|
|
37146
|
+
"8",
|
|
37147
|
+
"12",
|
|
37148
|
+
"16",
|
|
37149
|
+
"24"
|
|
37150
|
+
],
|
|
37151
|
+
"defaultValue": "4"
|
|
37396
37152
|
},
|
|
37397
37153
|
{
|
|
37398
|
-
"name": "
|
|
37399
|
-
"
|
|
37400
|
-
|
|
37401
|
-
|
|
37154
|
+
"name": "marker",
|
|
37155
|
+
"options": [
|
|
37156
|
+
"none",
|
|
37157
|
+
"disc",
|
|
37158
|
+
"decimal"
|
|
37159
|
+
],
|
|
37160
|
+
"defaultValue": "none"
|
|
37161
|
+
}
|
|
37162
|
+
],
|
|
37163
|
+
"subComponents": [
|
|
37402
37164
|
{
|
|
37403
|
-
"name": "
|
|
37404
|
-
"
|
|
37405
|
-
|
|
37406
|
-
|
|
37165
|
+
"name": "ListIcon",
|
|
37166
|
+
"props": [
|
|
37167
|
+
{
|
|
37168
|
+
"name": "defaultChecked",
|
|
37169
|
+
"type": "boolean | undefined",
|
|
37170
|
+
"required": false
|
|
37171
|
+
},
|
|
37172
|
+
{
|
|
37173
|
+
"name": "defaultValue",
|
|
37174
|
+
"type": "string | number | readonly string[] | undefined",
|
|
37175
|
+
"required": false
|
|
37176
|
+
},
|
|
37177
|
+
{
|
|
37178
|
+
"name": "suppressContentEditableWarning",
|
|
37179
|
+
"type": "boolean | undefined",
|
|
37180
|
+
"required": false
|
|
37181
|
+
},
|
|
37182
|
+
{
|
|
37183
|
+
"name": "suppressHydrationWarning",
|
|
37184
|
+
"type": "boolean | undefined",
|
|
37185
|
+
"required": false
|
|
37186
|
+
},
|
|
37187
|
+
{
|
|
37188
|
+
"name": "accessKey",
|
|
37189
|
+
"type": "string | undefined",
|
|
37190
|
+
"required": false
|
|
37191
|
+
},
|
|
37192
|
+
{
|
|
37193
|
+
"name": "autoCapitalize",
|
|
37194
|
+
"type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
37195
|
+
"required": false
|
|
37196
|
+
},
|
|
37197
|
+
{
|
|
37198
|
+
"name": "autoFocus",
|
|
37199
|
+
"type": "boolean | undefined",
|
|
37200
|
+
"required": false
|
|
37201
|
+
},
|
|
37202
|
+
{
|
|
37203
|
+
"name": "contentEditable",
|
|
37204
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
37205
|
+
"required": false
|
|
37206
|
+
},
|
|
37207
|
+
{
|
|
37208
|
+
"name": "contextMenu",
|
|
37209
|
+
"type": "string | undefined",
|
|
37210
|
+
"required": false
|
|
37211
|
+
},
|
|
37212
|
+
{
|
|
37213
|
+
"name": "dir",
|
|
37214
|
+
"type": "string | undefined",
|
|
37215
|
+
"required": false
|
|
37216
|
+
},
|
|
37217
|
+
{
|
|
37218
|
+
"name": "draggable",
|
|
37219
|
+
"type": "Booleanish | undefined",
|
|
37220
|
+
"required": false
|
|
37221
|
+
},
|
|
37222
|
+
{
|
|
37223
|
+
"name": "enterKeyHint",
|
|
37224
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
37225
|
+
"required": false
|
|
37226
|
+
},
|
|
37227
|
+
{
|
|
37228
|
+
"name": "hidden",
|
|
37229
|
+
"type": "boolean | undefined",
|
|
37230
|
+
"required": false
|
|
37231
|
+
},
|
|
37232
|
+
{
|
|
37233
|
+
"name": "id",
|
|
37234
|
+
"type": "string | undefined",
|
|
37235
|
+
"required": false
|
|
37236
|
+
},
|
|
37237
|
+
{
|
|
37238
|
+
"name": "lang",
|
|
37239
|
+
"type": "string | undefined",
|
|
37240
|
+
"required": false
|
|
37241
|
+
},
|
|
37242
|
+
{
|
|
37243
|
+
"name": "nonce",
|
|
37244
|
+
"type": "string | undefined",
|
|
37245
|
+
"required": false
|
|
37246
|
+
},
|
|
37247
|
+
{
|
|
37248
|
+
"name": "slot",
|
|
37249
|
+
"type": "string | undefined",
|
|
37250
|
+
"required": false
|
|
37251
|
+
},
|
|
37252
|
+
{
|
|
37253
|
+
"name": "spellCheck",
|
|
37254
|
+
"type": "Booleanish | undefined",
|
|
37255
|
+
"required": false
|
|
37256
|
+
},
|
|
37257
|
+
{
|
|
37258
|
+
"name": "tabIndex",
|
|
37259
|
+
"type": "number | undefined",
|
|
37260
|
+
"required": false
|
|
37261
|
+
},
|
|
37262
|
+
{
|
|
37263
|
+
"name": "title",
|
|
37264
|
+
"type": "string | undefined",
|
|
37265
|
+
"required": false
|
|
37266
|
+
},
|
|
37267
|
+
{
|
|
37268
|
+
"name": "translate",
|
|
37269
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
37270
|
+
"required": false
|
|
37271
|
+
},
|
|
37272
|
+
{
|
|
37273
|
+
"name": "radioGroup",
|
|
37274
|
+
"type": "string | undefined",
|
|
37275
|
+
"required": false
|
|
37276
|
+
},
|
|
37277
|
+
{
|
|
37278
|
+
"name": "role",
|
|
37279
|
+
"type": "AriaRole | undefined",
|
|
37280
|
+
"required": false
|
|
37281
|
+
},
|
|
37282
|
+
{
|
|
37283
|
+
"name": "about",
|
|
37284
|
+
"type": "string | undefined",
|
|
37285
|
+
"required": false
|
|
37286
|
+
},
|
|
37287
|
+
{
|
|
37288
|
+
"name": "content",
|
|
37289
|
+
"type": "string | undefined",
|
|
37290
|
+
"required": false
|
|
37291
|
+
},
|
|
37292
|
+
{
|
|
37293
|
+
"name": "datatype",
|
|
37294
|
+
"type": "string | undefined",
|
|
37295
|
+
"required": false
|
|
37296
|
+
},
|
|
37297
|
+
{
|
|
37298
|
+
"name": "inlist",
|
|
37299
|
+
"type": "any",
|
|
37300
|
+
"required": false
|
|
37301
|
+
},
|
|
37302
|
+
{
|
|
37303
|
+
"name": "prefix",
|
|
37304
|
+
"type": "string | undefined",
|
|
37305
|
+
"required": false
|
|
37306
|
+
},
|
|
37307
|
+
{
|
|
37308
|
+
"name": "property",
|
|
37309
|
+
"type": "string | undefined",
|
|
37310
|
+
"required": false
|
|
37311
|
+
},
|
|
37312
|
+
{
|
|
37313
|
+
"name": "rel",
|
|
37314
|
+
"type": "string | undefined",
|
|
37315
|
+
"required": false
|
|
37316
|
+
},
|
|
37317
|
+
{
|
|
37318
|
+
"name": "resource",
|
|
37319
|
+
"type": "string | undefined",
|
|
37320
|
+
"required": false
|
|
37321
|
+
},
|
|
37322
|
+
{
|
|
37323
|
+
"name": "rev",
|
|
37324
|
+
"type": "string | undefined",
|
|
37325
|
+
"required": false
|
|
37326
|
+
},
|
|
37327
|
+
{
|
|
37328
|
+
"name": "typeof",
|
|
37329
|
+
"type": "string | undefined",
|
|
37330
|
+
"required": false
|
|
37331
|
+
},
|
|
37332
|
+
{
|
|
37333
|
+
"name": "vocab",
|
|
37334
|
+
"type": "string | undefined",
|
|
37335
|
+
"required": false
|
|
37336
|
+
},
|
|
37337
|
+
{
|
|
37338
|
+
"name": "autoCorrect",
|
|
37339
|
+
"type": "string | undefined",
|
|
37340
|
+
"required": false
|
|
37341
|
+
},
|
|
37342
|
+
{
|
|
37343
|
+
"name": "autoSave",
|
|
37344
|
+
"type": "string | undefined",
|
|
37345
|
+
"required": false
|
|
37346
|
+
},
|
|
37347
|
+
{
|
|
37348
|
+
"name": "color",
|
|
37349
|
+
"type": "string | undefined",
|
|
37350
|
+
"required": false
|
|
37351
|
+
},
|
|
37352
|
+
{
|
|
37353
|
+
"name": "itemProp",
|
|
37354
|
+
"type": "string | undefined",
|
|
37355
|
+
"required": false
|
|
37356
|
+
},
|
|
37357
|
+
{
|
|
37358
|
+
"name": "itemScope",
|
|
37359
|
+
"type": "boolean | undefined",
|
|
37360
|
+
"required": false
|
|
37361
|
+
},
|
|
37362
|
+
{
|
|
37363
|
+
"name": "itemType",
|
|
37364
|
+
"type": "string | undefined",
|
|
37365
|
+
"required": false
|
|
37366
|
+
},
|
|
37367
|
+
{
|
|
37368
|
+
"name": "itemID",
|
|
37369
|
+
"type": "string | undefined",
|
|
37370
|
+
"required": false
|
|
37371
|
+
},
|
|
37372
|
+
{
|
|
37373
|
+
"name": "itemRef",
|
|
37374
|
+
"type": "string | undefined",
|
|
37375
|
+
"required": false
|
|
37376
|
+
},
|
|
37377
|
+
{
|
|
37378
|
+
"name": "results",
|
|
37379
|
+
"type": "number | undefined",
|
|
37380
|
+
"required": false
|
|
37381
|
+
},
|
|
37382
|
+
{
|
|
37383
|
+
"name": "security",
|
|
37384
|
+
"type": "string | undefined",
|
|
37385
|
+
"required": false
|
|
37386
|
+
},
|
|
37387
|
+
{
|
|
37388
|
+
"name": "unselectable",
|
|
37389
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
37390
|
+
"required": false
|
|
37391
|
+
},
|
|
37392
|
+
{
|
|
37393
|
+
"name": "popover",
|
|
37394
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
37395
|
+
"required": false
|
|
37396
|
+
},
|
|
37397
|
+
{
|
|
37398
|
+
"name": "popoverTargetAction",
|
|
37399
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
37400
|
+
"required": false
|
|
37401
|
+
},
|
|
37402
|
+
{
|
|
37403
|
+
"name": "popoverTarget",
|
|
37404
|
+
"type": "string | undefined",
|
|
37405
|
+
"required": false
|
|
37406
|
+
},
|
|
37407
|
+
{
|
|
37408
|
+
"name": "inert",
|
|
37409
|
+
"type": "boolean | undefined",
|
|
37410
|
+
"required": false,
|
|
37411
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
37412
|
+
},
|
|
37413
|
+
{
|
|
37414
|
+
"name": "inputMode",
|
|
37415
|
+
"type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
|
|
37416
|
+
"required": false,
|
|
37417
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
37418
|
+
},
|
|
37419
|
+
{
|
|
37420
|
+
"name": "is",
|
|
37421
|
+
"type": "string | undefined",
|
|
37422
|
+
"required": false,
|
|
37423
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
37424
|
+
},
|
|
37425
|
+
{
|
|
37426
|
+
"name": "exportparts",
|
|
37427
|
+
"type": "string | undefined",
|
|
37428
|
+
"required": false,
|
|
37429
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
37430
|
+
},
|
|
37431
|
+
{
|
|
37432
|
+
"name": "part",
|
|
37433
|
+
"type": "string | undefined",
|
|
37434
|
+
"required": false,
|
|
37435
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
37436
|
+
}
|
|
37437
|
+
]
|
|
37438
|
+
},
|
|
37439
|
+
{
|
|
37440
|
+
"name": "ListItem",
|
|
37441
|
+
"props": [
|
|
37442
|
+
{
|
|
37443
|
+
"name": "defaultChecked",
|
|
37444
|
+
"type": "boolean | undefined",
|
|
37445
|
+
"required": false
|
|
37446
|
+
},
|
|
37447
|
+
{
|
|
37448
|
+
"name": "defaultValue",
|
|
37449
|
+
"type": "string | number | readonly string[] | undefined",
|
|
37450
|
+
"required": false
|
|
37451
|
+
},
|
|
37452
|
+
{
|
|
37453
|
+
"name": "suppressContentEditableWarning",
|
|
37454
|
+
"type": "boolean | undefined",
|
|
37455
|
+
"required": false
|
|
37456
|
+
},
|
|
37457
|
+
{
|
|
37458
|
+
"name": "suppressHydrationWarning",
|
|
37459
|
+
"type": "boolean | undefined",
|
|
37460
|
+
"required": false
|
|
37461
|
+
},
|
|
37462
|
+
{
|
|
37463
|
+
"name": "accessKey",
|
|
37464
|
+
"type": "string | undefined",
|
|
37465
|
+
"required": false
|
|
37466
|
+
},
|
|
37467
|
+
{
|
|
37468
|
+
"name": "autoCapitalize",
|
|
37469
|
+
"type": "\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
37470
|
+
"required": false
|
|
37471
|
+
},
|
|
37472
|
+
{
|
|
37473
|
+
"name": "autoFocus",
|
|
37474
|
+
"type": "boolean | undefined",
|
|
37475
|
+
"required": false
|
|
37476
|
+
},
|
|
37477
|
+
{
|
|
37478
|
+
"name": "contentEditable",
|
|
37479
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
37480
|
+
"required": false
|
|
37481
|
+
},
|
|
37482
|
+
{
|
|
37483
|
+
"name": "contextMenu",
|
|
37484
|
+
"type": "string | undefined",
|
|
37485
|
+
"required": false
|
|
37486
|
+
},
|
|
37487
|
+
{
|
|
37488
|
+
"name": "dir",
|
|
37489
|
+
"type": "string | undefined",
|
|
37490
|
+
"required": false
|
|
37491
|
+
},
|
|
37492
|
+
{
|
|
37493
|
+
"name": "draggable",
|
|
37494
|
+
"type": "Booleanish | undefined",
|
|
37495
|
+
"required": false
|
|
37496
|
+
},
|
|
37497
|
+
{
|
|
37498
|
+
"name": "enterKeyHint",
|
|
37499
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
37500
|
+
"required": false
|
|
37501
|
+
},
|
|
37502
|
+
{
|
|
37503
|
+
"name": "hidden",
|
|
37504
|
+
"type": "boolean | undefined",
|
|
37505
|
+
"required": false
|
|
37506
|
+
},
|
|
37507
|
+
{
|
|
37508
|
+
"name": "id",
|
|
37509
|
+
"type": "string | undefined",
|
|
37510
|
+
"required": false
|
|
37511
|
+
},
|
|
37512
|
+
{
|
|
37513
|
+
"name": "lang",
|
|
37514
|
+
"type": "string | undefined",
|
|
37515
|
+
"required": false
|
|
37516
|
+
},
|
|
37517
|
+
{
|
|
37518
|
+
"name": "nonce",
|
|
37519
|
+
"type": "string | undefined",
|
|
37520
|
+
"required": false
|
|
37521
|
+
},
|
|
37522
|
+
{
|
|
37523
|
+
"name": "slot",
|
|
37524
|
+
"type": "string | undefined",
|
|
37525
|
+
"required": false
|
|
37526
|
+
},
|
|
37527
|
+
{
|
|
37528
|
+
"name": "spellCheck",
|
|
37529
|
+
"type": "Booleanish | undefined",
|
|
37530
|
+
"required": false
|
|
37531
|
+
},
|
|
37532
|
+
{
|
|
37533
|
+
"name": "tabIndex",
|
|
37534
|
+
"type": "number | undefined",
|
|
37535
|
+
"required": false
|
|
37536
|
+
},
|
|
37537
|
+
{
|
|
37538
|
+
"name": "title",
|
|
37539
|
+
"type": "string | undefined",
|
|
37540
|
+
"required": false
|
|
37541
|
+
},
|
|
37542
|
+
{
|
|
37543
|
+
"name": "translate",
|
|
37544
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
37545
|
+
"required": false
|
|
37546
|
+
},
|
|
37547
|
+
{
|
|
37548
|
+
"name": "radioGroup",
|
|
37549
|
+
"type": "string | undefined",
|
|
37550
|
+
"required": false
|
|
37551
|
+
},
|
|
37552
|
+
{
|
|
37553
|
+
"name": "role",
|
|
37554
|
+
"type": "AriaRole | undefined",
|
|
37555
|
+
"required": false
|
|
37556
|
+
},
|
|
37557
|
+
{
|
|
37558
|
+
"name": "about",
|
|
37559
|
+
"type": "string | undefined",
|
|
37560
|
+
"required": false
|
|
37561
|
+
},
|
|
37562
|
+
{
|
|
37563
|
+
"name": "content",
|
|
37564
|
+
"type": "string | undefined",
|
|
37565
|
+
"required": false
|
|
37566
|
+
},
|
|
37567
|
+
{
|
|
37568
|
+
"name": "datatype",
|
|
37569
|
+
"type": "string | undefined",
|
|
37570
|
+
"required": false
|
|
37571
|
+
},
|
|
37572
|
+
{
|
|
37573
|
+
"name": "inlist",
|
|
37574
|
+
"type": "any",
|
|
37575
|
+
"required": false
|
|
37576
|
+
},
|
|
37577
|
+
{
|
|
37578
|
+
"name": "prefix",
|
|
37579
|
+
"type": "string | undefined",
|
|
37580
|
+
"required": false
|
|
37581
|
+
},
|
|
37582
|
+
{
|
|
37583
|
+
"name": "property",
|
|
37584
|
+
"type": "string | undefined",
|
|
37585
|
+
"required": false
|
|
37586
|
+
},
|
|
37587
|
+
{
|
|
37588
|
+
"name": "rel",
|
|
37589
|
+
"type": "string | undefined",
|
|
37590
|
+
"required": false
|
|
37591
|
+
},
|
|
37592
|
+
{
|
|
37593
|
+
"name": "resource",
|
|
37594
|
+
"type": "string | undefined",
|
|
37595
|
+
"required": false
|
|
37596
|
+
},
|
|
37597
|
+
{
|
|
37598
|
+
"name": "rev",
|
|
37599
|
+
"type": "string | undefined",
|
|
37600
|
+
"required": false
|
|
37601
|
+
},
|
|
37602
|
+
{
|
|
37603
|
+
"name": "typeof",
|
|
37604
|
+
"type": "string | undefined",
|
|
37605
|
+
"required": false
|
|
37606
|
+
},
|
|
37607
|
+
{
|
|
37608
|
+
"name": "vocab",
|
|
37609
|
+
"type": "string | undefined",
|
|
37610
|
+
"required": false
|
|
37611
|
+
},
|
|
37612
|
+
{
|
|
37613
|
+
"name": "autoCorrect",
|
|
37614
|
+
"type": "string | undefined",
|
|
37615
|
+
"required": false
|
|
37616
|
+
},
|
|
37617
|
+
{
|
|
37618
|
+
"name": "autoSave",
|
|
37619
|
+
"type": "string | undefined",
|
|
37620
|
+
"required": false
|
|
37621
|
+
},
|
|
37622
|
+
{
|
|
37623
|
+
"name": "color",
|
|
37624
|
+
"type": "string | undefined",
|
|
37625
|
+
"required": false
|
|
37626
|
+
},
|
|
37627
|
+
{
|
|
37628
|
+
"name": "itemProp",
|
|
37629
|
+
"type": "string | undefined",
|
|
37630
|
+
"required": false
|
|
37631
|
+
},
|
|
37632
|
+
{
|
|
37633
|
+
"name": "itemScope",
|
|
37634
|
+
"type": "boolean | undefined",
|
|
37635
|
+
"required": false
|
|
37636
|
+
},
|
|
37637
|
+
{
|
|
37638
|
+
"name": "itemType",
|
|
37639
|
+
"type": "string | undefined",
|
|
37640
|
+
"required": false
|
|
37641
|
+
},
|
|
37642
|
+
{
|
|
37643
|
+
"name": "itemID",
|
|
37644
|
+
"type": "string | undefined",
|
|
37645
|
+
"required": false
|
|
37646
|
+
},
|
|
37647
|
+
{
|
|
37648
|
+
"name": "itemRef",
|
|
37649
|
+
"type": "string | undefined",
|
|
37650
|
+
"required": false
|
|
37651
|
+
},
|
|
37652
|
+
{
|
|
37653
|
+
"name": "results",
|
|
37654
|
+
"type": "number | undefined",
|
|
37655
|
+
"required": false
|
|
37656
|
+
},
|
|
37657
|
+
{
|
|
37658
|
+
"name": "security",
|
|
37659
|
+
"type": "string | undefined",
|
|
37660
|
+
"required": false
|
|
37661
|
+
},
|
|
37662
|
+
{
|
|
37663
|
+
"name": "unselectable",
|
|
37664
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
37665
|
+
"required": false
|
|
37666
|
+
},
|
|
37667
|
+
{
|
|
37668
|
+
"name": "popover",
|
|
37669
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
37670
|
+
"required": false
|
|
37671
|
+
},
|
|
37672
|
+
{
|
|
37673
|
+
"name": "popoverTargetAction",
|
|
37674
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
37675
|
+
"required": false
|
|
37676
|
+
},
|
|
37677
|
+
{
|
|
37678
|
+
"name": "popoverTarget",
|
|
37679
|
+
"type": "string | undefined",
|
|
37680
|
+
"required": false
|
|
37681
|
+
},
|
|
37682
|
+
{
|
|
37683
|
+
"name": "inert",
|
|
37684
|
+
"type": "boolean | undefined",
|
|
37685
|
+
"required": false,
|
|
37686
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
37687
|
+
},
|
|
37688
|
+
{
|
|
37689
|
+
"name": "inputMode",
|
|
37690
|
+
"type": "\"none\" | \"decimal\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | undefined",
|
|
37691
|
+
"required": false,
|
|
37692
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
37693
|
+
},
|
|
37694
|
+
{
|
|
37695
|
+
"name": "is",
|
|
37696
|
+
"type": "string | undefined",
|
|
37697
|
+
"required": false,
|
|
37698
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
37699
|
+
},
|
|
37700
|
+
{
|
|
37701
|
+
"name": "exportparts",
|
|
37702
|
+
"type": "string | undefined",
|
|
37703
|
+
"required": false,
|
|
37704
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
37705
|
+
},
|
|
37706
|
+
{
|
|
37707
|
+
"name": "part",
|
|
37708
|
+
"type": "string | undefined",
|
|
37709
|
+
"required": false,
|
|
37710
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
37711
|
+
}
|
|
37712
|
+
]
|
|
37713
|
+
}
|
|
37714
|
+
],
|
|
37715
|
+
"examples": [
|
|
37716
|
+
{
|
|
37717
|
+
"name": "Basic",
|
|
37718
|
+
"code": "() => (\n <List>\n <ListItem>First item</ListItem>\n <ListItem>Second item</ListItem>\n <ListItem>Third item</ListItem>\n </List>\n)"
|
|
37719
|
+
},
|
|
37720
|
+
{
|
|
37721
|
+
"name": "Ordered",
|
|
37722
|
+
"code": "() => (\n <List variant='ordered' marker='decimal'>\n <ListItem>First step</ListItem>\n <ListItem>Second step</ListItem>\n <ListItem>Third step</ListItem>\n </List>\n)"
|
|
37723
|
+
},
|
|
37724
|
+
{
|
|
37725
|
+
"name": "WithDisc",
|
|
37726
|
+
"code": "() => (\n <List marker='disc'>\n <ListItem>Apples</ListItem>\n <ListItem>Bananas</ListItem>\n <ListItem>Cherries</ListItem>\n </List>\n)"
|
|
37727
|
+
},
|
|
37728
|
+
{
|
|
37729
|
+
"name": "WithIcons",
|
|
37730
|
+
"code": "() => (\n <List>\n <ListItem>\n <ListIcon className='text-text-success'>✓</ListIcon>\n Completed task\n </ListItem>\n <ListItem>\n <ListIcon className='text-text-warning'>⚠</ListIcon>\n Pending review\n </ListItem>\n <ListItem>\n <ListIcon className='text-text-error'>✗</ListIcon>\n Failed check\n </ListItem>\n </List>\n)"
|
|
37731
|
+
},
|
|
37732
|
+
{
|
|
37733
|
+
"name": "Spacing",
|
|
37734
|
+
"code": "() => (\n <div className='flex gap-48'>\n <div>\n <p className='mb-8 text-text-secondary text-sm'>spacing=0</p>\n <List spacing={0}>\n <ListItem>Item A</ListItem>\n <ListItem>Item B</ListItem>\n <ListItem>Item C</ListItem>\n </List>\n </div>\n <div>\n <p className='mb-8 text-text-secondary text-sm'>spacing=8</p>\n <List spacing={8}>\n <ListItem>Item A</ListItem>\n <ListItem>Item B</ListItem>\n <ListItem>Item C</ListItem>\n </List>\n </div>\n <div>\n <p className='mb-8 text-text-secondary text-sm'>spacing=16</p>\n <List spacing={16}>\n <ListItem>Item A</ListItem>\n <ListItem>Item B</ListItem>\n <ListItem>Item C</ListItem>\n </List>\n </div>\n </div>\n)"
|
|
37735
|
+
}
|
|
37736
|
+
]
|
|
37737
|
+
},
|
|
37738
|
+
{
|
|
37739
|
+
"name": "Loader",
|
|
37740
|
+
"importPath": "@wallarm-org/design-system/Loader",
|
|
37741
|
+
"props": [
|
|
37742
|
+
{
|
|
37743
|
+
"name": "type",
|
|
37744
|
+
"type": "LoaderType | undefined",
|
|
37745
|
+
"required": false,
|
|
37746
|
+
"defaultValue": "circle"
|
|
37747
|
+
},
|
|
37748
|
+
{
|
|
37749
|
+
"name": "background",
|
|
37750
|
+
"type": "boolean | undefined",
|
|
37751
|
+
"required": false,
|
|
37752
|
+
"defaultValue": "true"
|
|
37753
|
+
},
|
|
37754
|
+
{
|
|
37755
|
+
"name": "size",
|
|
37756
|
+
"type": "{ sm: string; md: string; lg: string; xl: string; '2xl': string; '3xl': string; }",
|
|
37757
|
+
"required": false,
|
|
37758
|
+
"defaultValue": "xl"
|
|
37759
|
+
},
|
|
37760
|
+
{
|
|
37761
|
+
"name": "color",
|
|
37762
|
+
"type": "{ primary: string; 'primary-alt': string; 'primary-alt-fixed': string; brand: string; danger: string; }",
|
|
37763
|
+
"required": false
|
|
37764
|
+
}
|
|
37765
|
+
],
|
|
37766
|
+
"variants": [
|
|
37767
|
+
{
|
|
37768
|
+
"name": "size",
|
|
37769
|
+
"options": [
|
|
37770
|
+
"sm",
|
|
37771
|
+
"md",
|
|
37772
|
+
"lg",
|
|
37773
|
+
"xl",
|
|
37774
|
+
"2xl",
|
|
37775
|
+
"3xl"
|
|
37776
|
+
]
|
|
37777
|
+
},
|
|
37778
|
+
{
|
|
37779
|
+
"name": "color",
|
|
37780
|
+
"options": [
|
|
37781
|
+
"primary",
|
|
37782
|
+
"primary-alt",
|
|
37783
|
+
"primary-alt-fixed",
|
|
37784
|
+
"brand",
|
|
37785
|
+
"danger"
|
|
37786
|
+
]
|
|
37787
|
+
}
|
|
37788
|
+
],
|
|
37789
|
+
"subComponents": [],
|
|
37790
|
+
"examples": [
|
|
37791
|
+
{
|
|
37792
|
+
"name": "Basic",
|
|
37793
|
+
"code": "() => <Loader />"
|
|
37794
|
+
},
|
|
37795
|
+
{
|
|
37796
|
+
"name": "Types",
|
|
37797
|
+
"code": "() => (\n <HStack>\n <Loader type='circle' />\n <Loader type='sonner' />\n </HStack>\n)"
|
|
37798
|
+
},
|
|
37799
|
+
{
|
|
37800
|
+
"name": "Sizes",
|
|
37801
|
+
"code": "() => (\n <VStack>\n <HStack>\n <Loader size='sm' />\n <Loader size='md' />\n <Loader size='lg' />\n <Loader size='xl' />\n <Loader size='2xl' />\n <Loader size='3xl' />\n </HStack>\n\n <HStack>\n <Loader type='sonner' size='sm' />\n <Loader type='sonner' size='md' />\n <Loader type='sonner' size='lg' />\n <Loader type='sonner' size='xl' />\n <Loader type='sonner' size='2xl' />\n <Loader type='sonner' size='3xl' />\n </HStack>\n </VStack>\n)"
|
|
37802
|
+
},
|
|
37803
|
+
{
|
|
37804
|
+
"name": "Colors",
|
|
37805
|
+
"code": "() => (\n <VStack>\n <HStack>\n <Loader color='primary' />\n <Loader color='brand' />\n <Loader color='danger' />\n <div className='flex gap-4 bg-slate-950'>\n <Loader color='primary-alt' />\n\n <Loader color='primary-alt-fixed' />\n </div>\n </HStack>\n\n <HStack>\n <Loader type='sonner' color='primary' />\n <Loader type='sonner' color='brand' />\n <Loader type='sonner' color='danger' />\n <div className='flex gap-4 bg-slate-950'>\n <Loader type='sonner' color='primary-alt' />\n\n <Loader type='sonner' color='primary-alt-fixed' />\n </div>\n </HStack>\n </VStack>\n)"
|
|
37806
|
+
},
|
|
37807
|
+
{
|
|
37808
|
+
"name": "CircleBackground",
|
|
37809
|
+
"code": "() => (\n <HStack>\n <Loader />\n <Loader background={false} />\n </HStack>\n)"
|
|
37810
|
+
}
|
|
37811
|
+
]
|
|
37812
|
+
},
|
|
37813
|
+
{
|
|
37814
|
+
"name": "Logo",
|
|
37815
|
+
"importPath": "@wallarm-org/design-system/Logo",
|
|
37816
|
+
"props": [
|
|
37817
|
+
{
|
|
37818
|
+
"name": "type",
|
|
37819
|
+
"type": "LogoType | undefined",
|
|
37820
|
+
"required": false,
|
|
37821
|
+
"defaultValue": "full"
|
|
37822
|
+
},
|
|
37823
|
+
{
|
|
37824
|
+
"name": "color",
|
|
37825
|
+
"type": "LogoStyle | undefined",
|
|
37826
|
+
"required": false,
|
|
37827
|
+
"defaultValue": "default"
|
|
37828
|
+
},
|
|
37829
|
+
{
|
|
37830
|
+
"name": "string",
|
|
37831
|
+
"type": "string | number | undefined",
|
|
37832
|
+
"required": false
|
|
37833
|
+
},
|
|
37834
|
+
{
|
|
37835
|
+
"name": "suppressHydrationWarning",
|
|
37836
|
+
"type": "boolean | undefined",
|
|
37837
|
+
"required": false
|
|
37838
|
+
},
|
|
37839
|
+
{
|
|
37840
|
+
"name": "height",
|
|
37841
|
+
"type": "string | number | undefined",
|
|
37842
|
+
"required": false
|
|
37843
|
+
},
|
|
37844
|
+
{
|
|
37845
|
+
"name": "id",
|
|
37846
|
+
"type": "string | undefined",
|
|
37847
|
+
"required": false
|
|
37848
|
+
},
|
|
37849
|
+
{
|
|
37850
|
+
"name": "lang",
|
|
37851
|
+
"type": "string | undefined",
|
|
37852
|
+
"required": false
|
|
37853
|
+
},
|
|
37854
|
+
{
|
|
37855
|
+
"name": "max",
|
|
37856
|
+
"type": "string | number | undefined",
|
|
37857
|
+
"required": false
|
|
37858
|
+
},
|
|
37859
|
+
{
|
|
37860
|
+
"name": "media",
|
|
37861
|
+
"type": "string | undefined",
|
|
37862
|
+
"required": false
|
|
37863
|
+
},
|
|
37864
|
+
{
|
|
37865
|
+
"name": "method",
|
|
37866
|
+
"type": "string | undefined",
|
|
37867
|
+
"required": false
|
|
37868
|
+
},
|
|
37869
|
+
{
|
|
37870
|
+
"name": "min",
|
|
37871
|
+
"type": "string | number | undefined",
|
|
37872
|
+
"required": false
|
|
37873
|
+
},
|
|
37874
|
+
{
|
|
37875
|
+
"name": "name",
|
|
37876
|
+
"type": "string | undefined",
|
|
37877
|
+
"required": false
|
|
37878
|
+
},
|
|
37879
|
+
{
|
|
37880
|
+
"name": "nonce",
|
|
37881
|
+
"type": "string | undefined",
|
|
37882
|
+
"required": false
|
|
37883
|
+
},
|
|
37884
|
+
{
|
|
37885
|
+
"name": "part",
|
|
37886
|
+
"type": "string | undefined",
|
|
37887
|
+
"required": false
|
|
37888
|
+
},
|
|
37889
|
+
{
|
|
37890
|
+
"name": "slot",
|
|
37891
|
+
"type": "string | undefined",
|
|
37892
|
+
"required": false
|
|
37893
|
+
},
|
|
37894
|
+
{
|
|
37895
|
+
"name": "target",
|
|
37896
|
+
"type": "string | undefined",
|
|
37897
|
+
"required": false
|
|
37898
|
+
},
|
|
37899
|
+
{
|
|
37900
|
+
"name": "width",
|
|
37901
|
+
"type": "string | number | undefined",
|
|
37902
|
+
"required": false
|
|
37903
|
+
},
|
|
37904
|
+
{
|
|
37905
|
+
"name": "role",
|
|
37906
|
+
"type": "AriaRole | undefined",
|
|
37907
|
+
"required": false
|
|
37908
|
+
},
|
|
37909
|
+
{
|
|
37910
|
+
"name": "tabIndex",
|
|
37911
|
+
"type": "number | undefined",
|
|
37912
|
+
"required": false
|
|
37913
|
+
},
|
|
37914
|
+
{
|
|
37915
|
+
"name": "crossOrigin",
|
|
37916
|
+
"type": "CrossOrigin",
|
|
37917
|
+
"required": false
|
|
37918
|
+
},
|
|
37919
|
+
{
|
|
37920
|
+
"name": "accentHeight",
|
|
37921
|
+
"type": "string | number | undefined",
|
|
37922
|
+
"required": false
|
|
37923
|
+
},
|
|
37924
|
+
{
|
|
37925
|
+
"name": "accumulate",
|
|
37926
|
+
"type": "\"none\" | \"sum\" | undefined",
|
|
37927
|
+
"required": false
|
|
37928
|
+
},
|
|
37929
|
+
{
|
|
37930
|
+
"name": "additive",
|
|
37931
|
+
"type": "\"sum\" | \"replace\" | undefined",
|
|
37932
|
+
"required": false
|
|
37933
|
+
},
|
|
37934
|
+
{
|
|
37935
|
+
"name": "alignmentBaseline",
|
|
37936
|
+
"type": "\"alphabetic\" | \"hanging\" | \"ideographic\" | \"mathematical\" | \"auto\" | \"baseline\" | \"before-edge\" | \"text-before-edge\" | \"middle\" | \"central\" | \"after-edge\" | \"text-after-edge\" | \"inherit\" | undefined",
|
|
37937
|
+
"required": false
|
|
37938
|
+
},
|
|
37939
|
+
{
|
|
37940
|
+
"name": "allowReorder",
|
|
37941
|
+
"type": "\"no\" | \"yes\" | undefined",
|
|
37942
|
+
"required": false
|
|
37943
|
+
},
|
|
37944
|
+
{
|
|
37945
|
+
"name": "alphabetic",
|
|
37946
|
+
"type": "string | number | undefined",
|
|
37947
|
+
"required": false
|
|
37948
|
+
},
|
|
37949
|
+
{
|
|
37950
|
+
"name": "amplitude",
|
|
37951
|
+
"type": "string | number | undefined",
|
|
37952
|
+
"required": false
|
|
37953
|
+
},
|
|
37954
|
+
{
|
|
37955
|
+
"name": "arabicForm",
|
|
37956
|
+
"type": "\"initial\" | \"medial\" | \"terminal\" | \"isolated\" | undefined",
|
|
37957
|
+
"required": false
|
|
37958
|
+
},
|
|
37959
|
+
{
|
|
37960
|
+
"name": "ascent",
|
|
37961
|
+
"type": "string | number | undefined",
|
|
37962
|
+
"required": false
|
|
37963
|
+
},
|
|
37964
|
+
{
|
|
37965
|
+
"name": "attributeName",
|
|
37966
|
+
"type": "string | undefined",
|
|
37967
|
+
"required": false
|
|
37968
|
+
},
|
|
37969
|
+
{
|
|
37970
|
+
"name": "attributeType",
|
|
37971
|
+
"type": "string | undefined",
|
|
37972
|
+
"required": false
|
|
37973
|
+
},
|
|
37974
|
+
{
|
|
37975
|
+
"name": "autoReverse",
|
|
37976
|
+
"type": "Booleanish | undefined",
|
|
37977
|
+
"required": false
|
|
37978
|
+
},
|
|
37979
|
+
{
|
|
37980
|
+
"name": "azimuth",
|
|
37981
|
+
"type": "string | number | undefined",
|
|
37982
|
+
"required": false
|
|
37983
|
+
},
|
|
37984
|
+
{
|
|
37985
|
+
"name": "baseFrequency",
|
|
37986
|
+
"type": "string | number | undefined",
|
|
37987
|
+
"required": false
|
|
37988
|
+
},
|
|
37989
|
+
{
|
|
37990
|
+
"name": "baselineShift",
|
|
37991
|
+
"type": "string | number | undefined",
|
|
37992
|
+
"required": false
|
|
37993
|
+
},
|
|
37994
|
+
{
|
|
37995
|
+
"name": "baseProfile",
|
|
37996
|
+
"type": "string | number | undefined",
|
|
37997
|
+
"required": false
|
|
37998
|
+
},
|
|
37999
|
+
{
|
|
38000
|
+
"name": "bbox",
|
|
38001
|
+
"type": "string | number | undefined",
|
|
38002
|
+
"required": false
|
|
38003
|
+
},
|
|
38004
|
+
{
|
|
38005
|
+
"name": "begin",
|
|
38006
|
+
"type": "string | number | undefined",
|
|
38007
|
+
"required": false
|
|
38008
|
+
},
|
|
38009
|
+
{
|
|
38010
|
+
"name": "bias",
|
|
38011
|
+
"type": "string | number | undefined",
|
|
38012
|
+
"required": false
|
|
38013
|
+
},
|
|
38014
|
+
{
|
|
38015
|
+
"name": "by",
|
|
38016
|
+
"type": "string | number | undefined",
|
|
38017
|
+
"required": false
|
|
38018
|
+
},
|
|
38019
|
+
{
|
|
38020
|
+
"name": "calcMode",
|
|
38021
|
+
"type": "string | number | undefined",
|
|
38022
|
+
"required": false
|
|
38023
|
+
},
|
|
38024
|
+
{
|
|
38025
|
+
"name": "capHeight",
|
|
38026
|
+
"type": "string | number | undefined",
|
|
38027
|
+
"required": false
|
|
38028
|
+
},
|
|
38029
|
+
{
|
|
38030
|
+
"name": "clip",
|
|
38031
|
+
"type": "string | number | undefined",
|
|
38032
|
+
"required": false
|
|
38033
|
+
},
|
|
38034
|
+
{
|
|
38035
|
+
"name": "clipPath",
|
|
38036
|
+
"type": "string | undefined",
|
|
38037
|
+
"required": false
|
|
38038
|
+
},
|
|
38039
|
+
{
|
|
38040
|
+
"name": "clipPathUnits",
|
|
38041
|
+
"type": "string | number | undefined",
|
|
38042
|
+
"required": false
|
|
38043
|
+
},
|
|
38044
|
+
{
|
|
38045
|
+
"name": "clipRule",
|
|
38046
|
+
"type": "string | number | undefined",
|
|
38047
|
+
"required": false
|
|
38048
|
+
},
|
|
38049
|
+
{
|
|
38050
|
+
"name": "colorInterpolation",
|
|
38051
|
+
"type": "string | number | undefined",
|
|
38052
|
+
"required": false
|
|
38053
|
+
},
|
|
38054
|
+
{
|
|
38055
|
+
"name": "colorInterpolationFilters",
|
|
38056
|
+
"type": "\"auto\" | \"inherit\" | \"sRGB\" | \"linearRGB\" | undefined",
|
|
38057
|
+
"required": false
|
|
38058
|
+
},
|
|
38059
|
+
{
|
|
38060
|
+
"name": "colorProfile",
|
|
38061
|
+
"type": "string | number | undefined",
|
|
38062
|
+
"required": false
|
|
38063
|
+
},
|
|
38064
|
+
{
|
|
38065
|
+
"name": "colorRendering",
|
|
38066
|
+
"type": "string | number | undefined",
|
|
38067
|
+
"required": false
|
|
38068
|
+
},
|
|
38069
|
+
{
|
|
38070
|
+
"name": "contentScriptType",
|
|
38071
|
+
"type": "string | number | undefined",
|
|
38072
|
+
"required": false
|
|
38073
|
+
},
|
|
38074
|
+
{
|
|
38075
|
+
"name": "contentStyleType",
|
|
38076
|
+
"type": "string | number | undefined",
|
|
38077
|
+
"required": false
|
|
38078
|
+
},
|
|
38079
|
+
{
|
|
38080
|
+
"name": "cursor",
|
|
38081
|
+
"type": "string | number | undefined",
|
|
38082
|
+
"required": false
|
|
38083
|
+
},
|
|
38084
|
+
{
|
|
38085
|
+
"name": "cx",
|
|
38086
|
+
"type": "string | number | undefined",
|
|
38087
|
+
"required": false
|
|
38088
|
+
},
|
|
38089
|
+
{
|
|
38090
|
+
"name": "cy",
|
|
38091
|
+
"type": "string | number | undefined",
|
|
38092
|
+
"required": false
|
|
38093
|
+
},
|
|
38094
|
+
{
|
|
38095
|
+
"name": "d",
|
|
38096
|
+
"type": "string | undefined",
|
|
38097
|
+
"required": false
|
|
38098
|
+
},
|
|
38099
|
+
{
|
|
38100
|
+
"name": "decelerate",
|
|
38101
|
+
"type": "string | number | undefined",
|
|
38102
|
+
"required": false
|
|
38103
|
+
},
|
|
38104
|
+
{
|
|
38105
|
+
"name": "descent",
|
|
38106
|
+
"type": "string | number | undefined",
|
|
38107
|
+
"required": false
|
|
38108
|
+
},
|
|
38109
|
+
{
|
|
38110
|
+
"name": "diffuseConstant",
|
|
38111
|
+
"type": "string | number | undefined",
|
|
38112
|
+
"required": false
|
|
38113
|
+
},
|
|
38114
|
+
{
|
|
38115
|
+
"name": "direction",
|
|
38116
|
+
"type": "string | number | undefined",
|
|
38117
|
+
"required": false
|
|
38118
|
+
},
|
|
38119
|
+
{
|
|
38120
|
+
"name": "display",
|
|
38121
|
+
"type": "string | number | undefined",
|
|
38122
|
+
"required": false
|
|
38123
|
+
},
|
|
38124
|
+
{
|
|
38125
|
+
"name": "divisor",
|
|
38126
|
+
"type": "string | number | undefined",
|
|
38127
|
+
"required": false
|
|
38128
|
+
},
|
|
38129
|
+
{
|
|
38130
|
+
"name": "dominantBaseline",
|
|
38131
|
+
"type": "\"alphabetic\" | \"hanging\" | \"ideographic\" | \"mathematical\" | \"auto\" | \"text-before-edge\" | \"middle\" | \"central\" | \"text-after-edge\" | \"inherit\" | \"use-script\" | \"no-change\" | \"reset-size\" | undefined",
|
|
38132
|
+
"required": false
|
|
38133
|
+
},
|
|
38134
|
+
{
|
|
38135
|
+
"name": "dur",
|
|
38136
|
+
"type": "string | number | undefined",
|
|
38137
|
+
"required": false
|
|
38138
|
+
},
|
|
38139
|
+
{
|
|
38140
|
+
"name": "dx",
|
|
38141
|
+
"type": "string | number | undefined",
|
|
38142
|
+
"required": false
|
|
38143
|
+
},
|
|
38144
|
+
{
|
|
38145
|
+
"name": "dy",
|
|
38146
|
+
"type": "string | number | undefined",
|
|
38147
|
+
"required": false
|
|
38148
|
+
},
|
|
38149
|
+
{
|
|
38150
|
+
"name": "edgeMode",
|
|
38151
|
+
"type": "string | number | undefined",
|
|
38152
|
+
"required": false
|
|
38153
|
+
},
|
|
38154
|
+
{
|
|
38155
|
+
"name": "elevation",
|
|
38156
|
+
"type": "string | number | undefined",
|
|
38157
|
+
"required": false
|
|
38158
|
+
},
|
|
38159
|
+
{
|
|
38160
|
+
"name": "enableBackground",
|
|
38161
|
+
"type": "string | number | undefined",
|
|
38162
|
+
"required": false
|
|
38163
|
+
},
|
|
38164
|
+
{
|
|
38165
|
+
"name": "end",
|
|
38166
|
+
"type": "string | number | undefined",
|
|
38167
|
+
"required": false
|
|
38168
|
+
},
|
|
38169
|
+
{
|
|
38170
|
+
"name": "exponent",
|
|
38171
|
+
"type": "string | number | undefined",
|
|
38172
|
+
"required": false
|
|
38173
|
+
},
|
|
38174
|
+
{
|
|
38175
|
+
"name": "externalResourcesRequired",
|
|
38176
|
+
"type": "Booleanish | undefined",
|
|
38177
|
+
"required": false
|
|
38178
|
+
},
|
|
38179
|
+
{
|
|
38180
|
+
"name": "fill",
|
|
38181
|
+
"type": "string | undefined",
|
|
38182
|
+
"required": false
|
|
38183
|
+
},
|
|
38184
|
+
{
|
|
38185
|
+
"name": "fillOpacity",
|
|
38186
|
+
"type": "string | number | undefined",
|
|
38187
|
+
"required": false
|
|
38188
|
+
},
|
|
38189
|
+
{
|
|
38190
|
+
"name": "fillRule",
|
|
38191
|
+
"type": "\"inherit\" | \"nonzero\" | \"evenodd\" | undefined",
|
|
38192
|
+
"required": false
|
|
38193
|
+
},
|
|
38194
|
+
{
|
|
38195
|
+
"name": "filter",
|
|
38196
|
+
"type": "string | undefined",
|
|
38197
|
+
"required": false
|
|
38198
|
+
},
|
|
38199
|
+
{
|
|
38200
|
+
"name": "filterRes",
|
|
38201
|
+
"type": "string | number | undefined",
|
|
38202
|
+
"required": false
|
|
38203
|
+
},
|
|
38204
|
+
{
|
|
38205
|
+
"name": "filterUnits",
|
|
38206
|
+
"type": "string | number | undefined",
|
|
38207
|
+
"required": false
|
|
38208
|
+
},
|
|
38209
|
+
{
|
|
38210
|
+
"name": "floodColor",
|
|
38211
|
+
"type": "string | number | undefined",
|
|
38212
|
+
"required": false
|
|
38213
|
+
},
|
|
38214
|
+
{
|
|
38215
|
+
"name": "floodOpacity",
|
|
38216
|
+
"type": "string | number | undefined",
|
|
38217
|
+
"required": false
|
|
38218
|
+
},
|
|
38219
|
+
{
|
|
38220
|
+
"name": "focusable",
|
|
38221
|
+
"type": "\"auto\" | Booleanish | undefined",
|
|
38222
|
+
"required": false
|
|
38223
|
+
},
|
|
38224
|
+
{
|
|
38225
|
+
"name": "fontFamily",
|
|
38226
|
+
"type": "string | undefined",
|
|
38227
|
+
"required": false
|
|
38228
|
+
},
|
|
38229
|
+
{
|
|
38230
|
+
"name": "fontSize",
|
|
38231
|
+
"type": "string | number | undefined",
|
|
38232
|
+
"required": false
|
|
38233
|
+
},
|
|
38234
|
+
{
|
|
38235
|
+
"name": "fontSizeAdjust",
|
|
38236
|
+
"type": "string | number | undefined",
|
|
38237
|
+
"required": false
|
|
38238
|
+
},
|
|
38239
|
+
{
|
|
38240
|
+
"name": "fontStretch",
|
|
38241
|
+
"type": "string | number | undefined",
|
|
38242
|
+
"required": false
|
|
38243
|
+
},
|
|
38244
|
+
{
|
|
38245
|
+
"name": "fontStyle",
|
|
38246
|
+
"type": "string | number | undefined",
|
|
38247
|
+
"required": false
|
|
38248
|
+
},
|
|
38249
|
+
{
|
|
38250
|
+
"name": "fontVariant",
|
|
38251
|
+
"type": "string | number | undefined",
|
|
38252
|
+
"required": false
|
|
38253
|
+
},
|
|
38254
|
+
{
|
|
38255
|
+
"name": "fontWeight",
|
|
38256
|
+
"type": "string | number | undefined",
|
|
38257
|
+
"required": false
|
|
38258
|
+
},
|
|
38259
|
+
{
|
|
38260
|
+
"name": "format",
|
|
38261
|
+
"type": "string | number | undefined",
|
|
38262
|
+
"required": false
|
|
38263
|
+
},
|
|
38264
|
+
{
|
|
38265
|
+
"name": "fr",
|
|
38266
|
+
"type": "string | number | undefined",
|
|
38267
|
+
"required": false
|
|
38268
|
+
},
|
|
38269
|
+
{
|
|
38270
|
+
"name": "from",
|
|
38271
|
+
"type": "string | number | undefined",
|
|
38272
|
+
"required": false
|
|
38273
|
+
},
|
|
38274
|
+
{
|
|
38275
|
+
"name": "fx",
|
|
38276
|
+
"type": "string | number | undefined",
|
|
38277
|
+
"required": false
|
|
38278
|
+
},
|
|
38279
|
+
{
|
|
38280
|
+
"name": "fy",
|
|
38281
|
+
"type": "string | number | undefined",
|
|
38282
|
+
"required": false
|
|
38283
|
+
},
|
|
38284
|
+
{
|
|
38285
|
+
"name": "g1",
|
|
38286
|
+
"type": "string | number | undefined",
|
|
38287
|
+
"required": false
|
|
38288
|
+
},
|
|
38289
|
+
{
|
|
38290
|
+
"name": "g2",
|
|
38291
|
+
"type": "string | number | undefined",
|
|
38292
|
+
"required": false
|
|
38293
|
+
},
|
|
38294
|
+
{
|
|
38295
|
+
"name": "glyphName",
|
|
38296
|
+
"type": "string | number | undefined",
|
|
38297
|
+
"required": false
|
|
38298
|
+
},
|
|
38299
|
+
{
|
|
38300
|
+
"name": "glyphOrientationHorizontal",
|
|
38301
|
+
"type": "string | number | undefined",
|
|
38302
|
+
"required": false
|
|
38303
|
+
},
|
|
37407
38304
|
{
|
|
37408
38305
|
"name": "glyphOrientationVertical",
|
|
37409
38306
|
"type": "string | number | undefined",
|
|
@@ -47300,96 +48197,899 @@
|
|
|
47300
48197
|
}
|
|
47301
48198
|
]
|
|
47302
48199
|
}
|
|
47303
|
-
],
|
|
47304
|
-
"examples": [
|
|
48200
|
+
],
|
|
48201
|
+
"examples": [
|
|
48202
|
+
{
|
|
48203
|
+
"name": "Full",
|
|
48204
|
+
"code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center' aria-label='Search results'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
|
|
48205
|
+
},
|
|
48206
|
+
{
|
|
48207
|
+
"name": "Simple",
|
|
48208
|
+
"code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationList />\n </Pagination>\n)"
|
|
48209
|
+
},
|
|
48210
|
+
{
|
|
48211
|
+
"name": "LinksOnly",
|
|
48212
|
+
"code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationPrevious />\n <PaginationNext />\n </Pagination>\n)"
|
|
48213
|
+
},
|
|
48214
|
+
{
|
|
48215
|
+
"name": "WithPageSize",
|
|
48216
|
+
"code": "() => (\n <Pagination count={120} defaultPageSize={25} defaultPage={2} align='right'>\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
|
|
48217
|
+
},
|
|
48218
|
+
{
|
|
48219
|
+
"name": "Sizes",
|
|
48220
|
+
"code": "() => (\n <VStack gap={24}>\n <Pagination count={120} pageSize={10} defaultPage={2} size='medium' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n <Pagination count={120} pageSize={10} defaultPage={2} size='small' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n)"
|
|
48221
|
+
},
|
|
48222
|
+
{
|
|
48223
|
+
"name": "Alignment",
|
|
48224
|
+
"code": "() => (\n <VStack gap={24} className='w-600'>\n {(['left', 'center', 'right'] as const).map(align => (\n <Pagination key={align} count={120} pageSize={10} defaultPage={2} align={align}>\n <PaginationList />\n </Pagination>\n ))}\n </VStack>\n)"
|
|
48225
|
+
},
|
|
48226
|
+
{
|
|
48227
|
+
"name": "ManyPages",
|
|
48228
|
+
"code": "() => (\n <Pagination\n count={500}\n pageSize={10}\n defaultPage={6}\n siblingCount={1}\n boundaryCount={1}\n align='center'\n >\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
|
|
48229
|
+
},
|
|
48230
|
+
{
|
|
48231
|
+
"name": "Playground",
|
|
48232
|
+
"code": "() => {\n const [page, setPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n return (\n <Pagination\n count={120}\n page={page}\n pageSize={pageSize}\n align='left'\n onPageChange={({ page }) => setPage(page)}\n onPageSizeChange={({ pageSize }) => setPageSize(pageSize)}\n >\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n );\n}"
|
|
48233
|
+
},
|
|
48234
|
+
{
|
|
48235
|
+
"name": "InTable",
|
|
48236
|
+
"code": "() => {\n const { pageData, ...pagination } = useClientPagination(apiEndpoints, 10);\n\n return (\n <div className='w-800'>\n <VStack gap={12}>\n <Table data={pageData} columns={endpointColumns} getRowId={row => row.id} />\n <Pagination {...pagination} align='right' aria-label='API endpoints'>\n <PaginationPageSize options={[5, 10, 25]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n </div>\n );\n}"
|
|
48237
|
+
}
|
|
48238
|
+
]
|
|
48239
|
+
},
|
|
48240
|
+
{
|
|
48241
|
+
"name": "ParameterPath",
|
|
48242
|
+
"importPath": "@wallarm-org/design-system/ParameterPath",
|
|
48243
|
+
"props": [
|
|
48244
|
+
{
|
|
48245
|
+
"name": "method",
|
|
48246
|
+
"type": "HttpMethodName | undefined",
|
|
48247
|
+
"required": false
|
|
48248
|
+
},
|
|
48249
|
+
{
|
|
48250
|
+
"name": "segments",
|
|
48251
|
+
"type": "string[]",
|
|
48252
|
+
"required": true
|
|
48253
|
+
},
|
|
48254
|
+
{
|
|
48255
|
+
"name": "encoding",
|
|
48256
|
+
"type": "string | undefined",
|
|
48257
|
+
"required": false
|
|
48258
|
+
},
|
|
48259
|
+
{
|
|
48260
|
+
"name": "attack",
|
|
48261
|
+
"type": "boolean | undefined",
|
|
48262
|
+
"required": false,
|
|
48263
|
+
"defaultValue": "false"
|
|
48264
|
+
},
|
|
48265
|
+
{
|
|
48266
|
+
"name": "expandable",
|
|
48267
|
+
"type": "boolean | undefined",
|
|
48268
|
+
"required": false,
|
|
48269
|
+
"description": "Opt in to click-to-expand. When `true`, a *truncated* path becomes\ninteractive: clicking the `…` collapse indicator (or the path) expands it\ninline to show every segment, and clicking again collapses it back to\n`first … last`. No effect when the path already fits without truncation.\n\n`expandable` only controls the affordance (whether the user can toggle);\nthe open/closed state is owned by `expanded` / `defaultExpanded`.",
|
|
48270
|
+
"defaultValue": "false"
|
|
48271
|
+
},
|
|
48272
|
+
{
|
|
48273
|
+
"name": "expanded",
|
|
48274
|
+
"type": "boolean | undefined",
|
|
48275
|
+
"required": false,
|
|
48276
|
+
"description": "Controlled expanded state. When provided, the component does not manage its\nown state — pair it with {@link onExpandedChange}."
|
|
48277
|
+
},
|
|
48278
|
+
{
|
|
48279
|
+
"name": "defaultExpanded",
|
|
48280
|
+
"type": "boolean | undefined",
|
|
48281
|
+
"required": false,
|
|
48282
|
+
"description": "Initial expanded state for the uncontrolled case. Ignored when `expanded`\nis provided. Defaults to `false`.",
|
|
48283
|
+
"defaultValue": "false"
|
|
48284
|
+
},
|
|
48285
|
+
{
|
|
48286
|
+
"name": "copyFormat",
|
|
48287
|
+
"type": "((data: CopyFormatData) => string) | undefined",
|
|
48288
|
+
"required": false,
|
|
48289
|
+
"defaultValue": "formatAsFilter"
|
|
48290
|
+
},
|
|
48291
|
+
{
|
|
48292
|
+
"name": "defaultChecked",
|
|
48293
|
+
"type": "boolean | undefined",
|
|
48294
|
+
"required": false
|
|
48295
|
+
},
|
|
48296
|
+
{
|
|
48297
|
+
"name": "defaultValue",
|
|
48298
|
+
"type": "string | number | readonly string[] | undefined",
|
|
48299
|
+
"required": false
|
|
48300
|
+
},
|
|
48301
|
+
{
|
|
48302
|
+
"name": "suppressContentEditableWarning",
|
|
48303
|
+
"type": "boolean | undefined",
|
|
48304
|
+
"required": false
|
|
48305
|
+
},
|
|
48306
|
+
{
|
|
48307
|
+
"name": "suppressHydrationWarning",
|
|
48308
|
+
"type": "boolean | undefined",
|
|
48309
|
+
"required": false
|
|
48310
|
+
},
|
|
48311
|
+
{
|
|
48312
|
+
"name": "accessKey",
|
|
48313
|
+
"type": "string | undefined",
|
|
48314
|
+
"required": false
|
|
48315
|
+
},
|
|
48316
|
+
{
|
|
48317
|
+
"name": "autoCapitalize",
|
|
48318
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
48319
|
+
"required": false
|
|
48320
|
+
},
|
|
48321
|
+
{
|
|
48322
|
+
"name": "autoFocus",
|
|
48323
|
+
"type": "boolean | undefined",
|
|
48324
|
+
"required": false
|
|
48325
|
+
},
|
|
48326
|
+
{
|
|
48327
|
+
"name": "contentEditable",
|
|
48328
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
48329
|
+
"required": false
|
|
48330
|
+
},
|
|
48331
|
+
{
|
|
48332
|
+
"name": "contextMenu",
|
|
48333
|
+
"type": "string | undefined",
|
|
48334
|
+
"required": false
|
|
48335
|
+
},
|
|
48336
|
+
{
|
|
48337
|
+
"name": "dir",
|
|
48338
|
+
"type": "string | undefined",
|
|
48339
|
+
"required": false
|
|
48340
|
+
},
|
|
48341
|
+
{
|
|
48342
|
+
"name": "draggable",
|
|
48343
|
+
"type": "Booleanish | undefined",
|
|
48344
|
+
"required": false
|
|
48345
|
+
},
|
|
48346
|
+
{
|
|
48347
|
+
"name": "enterKeyHint",
|
|
48348
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
48349
|
+
"required": false
|
|
48350
|
+
},
|
|
48351
|
+
{
|
|
48352
|
+
"name": "hidden",
|
|
48353
|
+
"type": "boolean | undefined",
|
|
48354
|
+
"required": false
|
|
48355
|
+
},
|
|
48356
|
+
{
|
|
48357
|
+
"name": "id",
|
|
48358
|
+
"type": "string | undefined",
|
|
48359
|
+
"required": false
|
|
48360
|
+
},
|
|
48361
|
+
{
|
|
48362
|
+
"name": "lang",
|
|
48363
|
+
"type": "string | undefined",
|
|
48364
|
+
"required": false
|
|
48365
|
+
},
|
|
48366
|
+
{
|
|
48367
|
+
"name": "nonce",
|
|
48368
|
+
"type": "string | undefined",
|
|
48369
|
+
"required": false
|
|
48370
|
+
},
|
|
48371
|
+
{
|
|
48372
|
+
"name": "slot",
|
|
48373
|
+
"type": "string | undefined",
|
|
48374
|
+
"required": false
|
|
48375
|
+
},
|
|
48376
|
+
{
|
|
48377
|
+
"name": "spellCheck",
|
|
48378
|
+
"type": "Booleanish | undefined",
|
|
48379
|
+
"required": false
|
|
48380
|
+
},
|
|
48381
|
+
{
|
|
48382
|
+
"name": "tabIndex",
|
|
48383
|
+
"type": "number | undefined",
|
|
48384
|
+
"required": false
|
|
48385
|
+
},
|
|
48386
|
+
{
|
|
48387
|
+
"name": "title",
|
|
48388
|
+
"type": "string | undefined",
|
|
48389
|
+
"required": false
|
|
48390
|
+
},
|
|
48391
|
+
{
|
|
48392
|
+
"name": "translate",
|
|
48393
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
48394
|
+
"required": false
|
|
48395
|
+
},
|
|
48396
|
+
{
|
|
48397
|
+
"name": "radioGroup",
|
|
48398
|
+
"type": "string | undefined",
|
|
48399
|
+
"required": false
|
|
48400
|
+
},
|
|
48401
|
+
{
|
|
48402
|
+
"name": "role",
|
|
48403
|
+
"type": "AriaRole | undefined",
|
|
48404
|
+
"required": false
|
|
48405
|
+
},
|
|
48406
|
+
{
|
|
48407
|
+
"name": "about",
|
|
48408
|
+
"type": "string | undefined",
|
|
48409
|
+
"required": false
|
|
48410
|
+
},
|
|
48411
|
+
{
|
|
48412
|
+
"name": "content",
|
|
48413
|
+
"type": "string | undefined",
|
|
48414
|
+
"required": false
|
|
48415
|
+
},
|
|
48416
|
+
{
|
|
48417
|
+
"name": "datatype",
|
|
48418
|
+
"type": "string | undefined",
|
|
48419
|
+
"required": false
|
|
48420
|
+
},
|
|
48421
|
+
{
|
|
48422
|
+
"name": "inlist",
|
|
48423
|
+
"type": "any",
|
|
48424
|
+
"required": false
|
|
48425
|
+
},
|
|
48426
|
+
{
|
|
48427
|
+
"name": "prefix",
|
|
48428
|
+
"type": "string | undefined",
|
|
48429
|
+
"required": false
|
|
48430
|
+
},
|
|
48431
|
+
{
|
|
48432
|
+
"name": "property",
|
|
48433
|
+
"type": "string | undefined",
|
|
48434
|
+
"required": false
|
|
48435
|
+
},
|
|
48436
|
+
{
|
|
48437
|
+
"name": "rel",
|
|
48438
|
+
"type": "string | undefined",
|
|
48439
|
+
"required": false
|
|
48440
|
+
},
|
|
48441
|
+
{
|
|
48442
|
+
"name": "resource",
|
|
48443
|
+
"type": "string | undefined",
|
|
48444
|
+
"required": false
|
|
48445
|
+
},
|
|
48446
|
+
{
|
|
48447
|
+
"name": "rev",
|
|
48448
|
+
"type": "string | undefined",
|
|
48449
|
+
"required": false
|
|
48450
|
+
},
|
|
48451
|
+
{
|
|
48452
|
+
"name": "typeof",
|
|
48453
|
+
"type": "string | undefined",
|
|
48454
|
+
"required": false
|
|
48455
|
+
},
|
|
48456
|
+
{
|
|
48457
|
+
"name": "vocab",
|
|
48458
|
+
"type": "string | undefined",
|
|
48459
|
+
"required": false
|
|
48460
|
+
},
|
|
48461
|
+
{
|
|
48462
|
+
"name": "autoCorrect",
|
|
48463
|
+
"type": "string | undefined",
|
|
48464
|
+
"required": false
|
|
48465
|
+
},
|
|
48466
|
+
{
|
|
48467
|
+
"name": "autoSave",
|
|
48468
|
+
"type": "string | undefined",
|
|
48469
|
+
"required": false
|
|
48470
|
+
},
|
|
48471
|
+
{
|
|
48472
|
+
"name": "color",
|
|
48473
|
+
"type": "string | undefined",
|
|
48474
|
+
"required": false
|
|
48475
|
+
},
|
|
48476
|
+
{
|
|
48477
|
+
"name": "itemProp",
|
|
48478
|
+
"type": "string | undefined",
|
|
48479
|
+
"required": false
|
|
48480
|
+
},
|
|
48481
|
+
{
|
|
48482
|
+
"name": "itemScope",
|
|
48483
|
+
"type": "boolean | undefined",
|
|
48484
|
+
"required": false
|
|
48485
|
+
},
|
|
48486
|
+
{
|
|
48487
|
+
"name": "itemType",
|
|
48488
|
+
"type": "string | undefined",
|
|
48489
|
+
"required": false
|
|
48490
|
+
},
|
|
48491
|
+
{
|
|
48492
|
+
"name": "itemID",
|
|
48493
|
+
"type": "string | undefined",
|
|
48494
|
+
"required": false
|
|
48495
|
+
},
|
|
48496
|
+
{
|
|
48497
|
+
"name": "itemRef",
|
|
48498
|
+
"type": "string | undefined",
|
|
48499
|
+
"required": false
|
|
48500
|
+
},
|
|
48501
|
+
{
|
|
48502
|
+
"name": "results",
|
|
48503
|
+
"type": "number | undefined",
|
|
48504
|
+
"required": false
|
|
48505
|
+
},
|
|
48506
|
+
{
|
|
48507
|
+
"name": "security",
|
|
48508
|
+
"type": "string | undefined",
|
|
48509
|
+
"required": false
|
|
48510
|
+
},
|
|
48511
|
+
{
|
|
48512
|
+
"name": "unselectable",
|
|
48513
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
48514
|
+
"required": false
|
|
48515
|
+
},
|
|
48516
|
+
{
|
|
48517
|
+
"name": "popover",
|
|
48518
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
48519
|
+
"required": false
|
|
48520
|
+
},
|
|
48521
|
+
{
|
|
48522
|
+
"name": "popoverTargetAction",
|
|
48523
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
48524
|
+
"required": false
|
|
48525
|
+
},
|
|
48526
|
+
{
|
|
48527
|
+
"name": "popoverTarget",
|
|
48528
|
+
"type": "string | undefined",
|
|
48529
|
+
"required": false
|
|
48530
|
+
},
|
|
48531
|
+
{
|
|
48532
|
+
"name": "inert",
|
|
48533
|
+
"type": "boolean | undefined",
|
|
48534
|
+
"required": false,
|
|
48535
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
48536
|
+
},
|
|
48537
|
+
{
|
|
48538
|
+
"name": "inputMode",
|
|
48539
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
48540
|
+
"required": false,
|
|
48541
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
48542
|
+
},
|
|
48543
|
+
{
|
|
48544
|
+
"name": "is",
|
|
48545
|
+
"type": "string | undefined",
|
|
48546
|
+
"required": false,
|
|
48547
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
48548
|
+
},
|
|
48549
|
+
{
|
|
48550
|
+
"name": "exportparts",
|
|
48551
|
+
"type": "string | undefined",
|
|
48552
|
+
"required": false,
|
|
48553
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
48554
|
+
},
|
|
48555
|
+
{
|
|
48556
|
+
"name": "part",
|
|
48557
|
+
"type": "string | undefined",
|
|
48558
|
+
"required": false,
|
|
48559
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
48560
|
+
}
|
|
48561
|
+
],
|
|
48562
|
+
"variants": [
|
|
48563
|
+
{
|
|
48564
|
+
"name": "expanded",
|
|
48565
|
+
"options": [
|
|
48566
|
+
"true",
|
|
48567
|
+
"false"
|
|
48568
|
+
],
|
|
48569
|
+
"defaultValue": "false"
|
|
48570
|
+
},
|
|
48571
|
+
{
|
|
48572
|
+
"name": "variant",
|
|
48573
|
+
"options": [
|
|
48574
|
+
"default",
|
|
48575
|
+
"highlighted"
|
|
48576
|
+
],
|
|
48577
|
+
"defaultValue": "default"
|
|
48578
|
+
}
|
|
48579
|
+
],
|
|
48580
|
+
"subComponents": [],
|
|
48581
|
+
"examples": [
|
|
48582
|
+
{
|
|
48583
|
+
"name": "FullPath",
|
|
48584
|
+
"code": "() => (\n <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n)"
|
|
48585
|
+
},
|
|
48586
|
+
{
|
|
48587
|
+
"name": "NoEncoding",
|
|
48588
|
+
"code": "() => (\n <ParameterPath method='GET' segments={['query', 'filter']} attack />\n)"
|
|
48589
|
+
},
|
|
48590
|
+
{
|
|
48591
|
+
"name": "PathIndexBola",
|
|
48592
|
+
"code": "() => (\n <ParameterPath method='GET' segments={['path', '2']} attack />\n)"
|
|
48593
|
+
},
|
|
48594
|
+
{
|
|
48595
|
+
"name": "Header",
|
|
48596
|
+
"code": "() => (\n <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n)"
|
|
48597
|
+
},
|
|
48598
|
+
{
|
|
48599
|
+
"name": "Cookie",
|
|
48600
|
+
"code": "() => (\n <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n)"
|
|
48601
|
+
},
|
|
48602
|
+
{
|
|
48603
|
+
"name": "DeepNestedTruncated",
|
|
48604
|
+
"code": "() => (\n <div style={{ width: 280 }}>\n <ParameterPath\n method='POST'\n segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n attack\n />\n </div>\n)"
|
|
48605
|
+
},
|
|
48606
|
+
{
|
|
48607
|
+
"name": "NoMethod",
|
|
48608
|
+
"code": "() => (\n <ParameterPath segments={['cookie', 'session_id']} attack />\n)"
|
|
48609
|
+
},
|
|
48610
|
+
{
|
|
48611
|
+
"name": "ExpandableTruncated",
|
|
48612
|
+
"code": "() => (\n <div style={{ width: 600 }}>\n {/* The root is w-full (it must span the available space to measure it),\n so centering happens inside the component, not on the container. */}\n <ParameterPath\n className='justify-center'\n method='POST'\n segments={[\n 'multipart',\n 'json_abc',\n 'json_doc',\n 'qwerty_doc',\n 'hash',\n 'formData',\n 'session_token',\n 'nested_payload',\n 'get',\n ]}\n attack\n expandable\n />\n </div>\n)"
|
|
48613
|
+
},
|
|
48614
|
+
{
|
|
48615
|
+
"name": "ExpandableFitsInline",
|
|
48616
|
+
"code": "() => (\n <div style={{ width: 720, display: 'flex', justifyContent: 'center' }}>\n <ParameterPath\n method='POST'\n segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n attack\n expandable\n />\n </div>\n)"
|
|
48617
|
+
},
|
|
48618
|
+
{
|
|
48619
|
+
"name": "Playground",
|
|
48620
|
+
"code": "args => <ParameterPath {...args} />"
|
|
48621
|
+
},
|
|
48622
|
+
{
|
|
48623
|
+
"name": "Gallery",
|
|
48624
|
+
"code": "() => (\n <VStack gap={16}>\n <ParameterPath method='POST' segments={['JSON', 'nginx_config']} encoding='BASE64' attack />\n <ParameterPath method='GET' segments={['query', 'filter']} attack />\n <ParameterPath method='GET' segments={['path', '2']} attack />\n <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n <div style={{ width: 280 }}>\n <ParameterPath method='POST' segments={['multipart', 'a', 'b', 'c', 'd', 'get']} attack />\n </div>\n </VStack>\n)"
|
|
48625
|
+
}
|
|
48626
|
+
]
|
|
48627
|
+
},
|
|
48628
|
+
{
|
|
48629
|
+
"name": "PasswordComplexity",
|
|
48630
|
+
"importPath": "@wallarm-org/design-system/PasswordComplexity",
|
|
48631
|
+
"props": [
|
|
47305
48632
|
{
|
|
47306
|
-
"name": "
|
|
47307
|
-
"
|
|
48633
|
+
"name": "items",
|
|
48634
|
+
"type": "PasswordComplexityItem[]",
|
|
48635
|
+
"required": true
|
|
47308
48636
|
},
|
|
47309
48637
|
{
|
|
47310
|
-
"name": "
|
|
47311
|
-
"
|
|
48638
|
+
"name": "spacing",
|
|
48639
|
+
"type": "ListSpacing | undefined",
|
|
48640
|
+
"required": false,
|
|
48641
|
+
"defaultValue": "4"
|
|
47312
48642
|
},
|
|
47313
48643
|
{
|
|
47314
|
-
"name": "
|
|
47315
|
-
"
|
|
48644
|
+
"name": "defaultChecked",
|
|
48645
|
+
"type": "boolean | undefined",
|
|
48646
|
+
"required": false
|
|
47316
48647
|
},
|
|
47317
48648
|
{
|
|
47318
|
-
"name": "
|
|
47319
|
-
"
|
|
48649
|
+
"name": "defaultValue",
|
|
48650
|
+
"type": "string | number | readonly string[] | undefined",
|
|
48651
|
+
"required": false
|
|
47320
48652
|
},
|
|
47321
48653
|
{
|
|
47322
|
-
"name": "
|
|
47323
|
-
"
|
|
48654
|
+
"name": "suppressContentEditableWarning",
|
|
48655
|
+
"type": "boolean | undefined",
|
|
48656
|
+
"required": false
|
|
47324
48657
|
},
|
|
47325
48658
|
{
|
|
47326
|
-
"name": "
|
|
47327
|
-
"
|
|
48659
|
+
"name": "suppressHydrationWarning",
|
|
48660
|
+
"type": "boolean | undefined",
|
|
48661
|
+
"required": false
|
|
47328
48662
|
},
|
|
47329
48663
|
{
|
|
47330
|
-
"name": "
|
|
47331
|
-
"
|
|
48664
|
+
"name": "accessKey",
|
|
48665
|
+
"type": "string | undefined",
|
|
48666
|
+
"required": false
|
|
47332
48667
|
},
|
|
47333
48668
|
{
|
|
47334
|
-
"name": "
|
|
47335
|
-
"
|
|
48669
|
+
"name": "autoCapitalize",
|
|
48670
|
+
"type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
|
|
48671
|
+
"required": false
|
|
47336
48672
|
},
|
|
47337
48673
|
{
|
|
47338
|
-
"name": "
|
|
47339
|
-
"
|
|
48674
|
+
"name": "autoFocus",
|
|
48675
|
+
"type": "boolean | undefined",
|
|
48676
|
+
"required": false
|
|
48677
|
+
},
|
|
48678
|
+
{
|
|
48679
|
+
"name": "contentEditable",
|
|
48680
|
+
"type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
|
|
48681
|
+
"required": false
|
|
48682
|
+
},
|
|
48683
|
+
{
|
|
48684
|
+
"name": "contextMenu",
|
|
48685
|
+
"type": "string | undefined",
|
|
48686
|
+
"required": false
|
|
48687
|
+
},
|
|
48688
|
+
{
|
|
48689
|
+
"name": "dir",
|
|
48690
|
+
"type": "string | undefined",
|
|
48691
|
+
"required": false
|
|
48692
|
+
},
|
|
48693
|
+
{
|
|
48694
|
+
"name": "draggable",
|
|
48695
|
+
"type": "Booleanish | undefined",
|
|
48696
|
+
"required": false
|
|
48697
|
+
},
|
|
48698
|
+
{
|
|
48699
|
+
"name": "enterKeyHint",
|
|
48700
|
+
"type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
|
|
48701
|
+
"required": false
|
|
48702
|
+
},
|
|
48703
|
+
{
|
|
48704
|
+
"name": "hidden",
|
|
48705
|
+
"type": "boolean | undefined",
|
|
48706
|
+
"required": false
|
|
48707
|
+
},
|
|
48708
|
+
{
|
|
48709
|
+
"name": "id",
|
|
48710
|
+
"type": "string | undefined",
|
|
48711
|
+
"required": false
|
|
48712
|
+
},
|
|
48713
|
+
{
|
|
48714
|
+
"name": "lang",
|
|
48715
|
+
"type": "string | undefined",
|
|
48716
|
+
"required": false
|
|
48717
|
+
},
|
|
48718
|
+
{
|
|
48719
|
+
"name": "nonce",
|
|
48720
|
+
"type": "string | undefined",
|
|
48721
|
+
"required": false
|
|
48722
|
+
},
|
|
48723
|
+
{
|
|
48724
|
+
"name": "slot",
|
|
48725
|
+
"type": "string | undefined",
|
|
48726
|
+
"required": false
|
|
48727
|
+
},
|
|
48728
|
+
{
|
|
48729
|
+
"name": "spellCheck",
|
|
48730
|
+
"type": "Booleanish | undefined",
|
|
48731
|
+
"required": false
|
|
48732
|
+
},
|
|
48733
|
+
{
|
|
48734
|
+
"name": "tabIndex",
|
|
48735
|
+
"type": "number | undefined",
|
|
48736
|
+
"required": false
|
|
48737
|
+
},
|
|
48738
|
+
{
|
|
48739
|
+
"name": "title",
|
|
48740
|
+
"type": "string | undefined",
|
|
48741
|
+
"required": false
|
|
48742
|
+
},
|
|
48743
|
+
{
|
|
48744
|
+
"name": "translate",
|
|
48745
|
+
"type": "\"yes\" | \"no\" | undefined",
|
|
48746
|
+
"required": false
|
|
48747
|
+
},
|
|
48748
|
+
{
|
|
48749
|
+
"name": "radioGroup",
|
|
48750
|
+
"type": "string | undefined",
|
|
48751
|
+
"required": false
|
|
48752
|
+
},
|
|
48753
|
+
{
|
|
48754
|
+
"name": "role",
|
|
48755
|
+
"type": "AriaRole | undefined",
|
|
48756
|
+
"required": false
|
|
48757
|
+
},
|
|
48758
|
+
{
|
|
48759
|
+
"name": "about",
|
|
48760
|
+
"type": "string | undefined",
|
|
48761
|
+
"required": false
|
|
48762
|
+
},
|
|
48763
|
+
{
|
|
48764
|
+
"name": "content",
|
|
48765
|
+
"type": "string | undefined",
|
|
48766
|
+
"required": false
|
|
48767
|
+
},
|
|
48768
|
+
{
|
|
48769
|
+
"name": "datatype",
|
|
48770
|
+
"type": "string | undefined",
|
|
48771
|
+
"required": false
|
|
48772
|
+
},
|
|
48773
|
+
{
|
|
48774
|
+
"name": "inlist",
|
|
48775
|
+
"type": "any",
|
|
48776
|
+
"required": false
|
|
48777
|
+
},
|
|
48778
|
+
{
|
|
48779
|
+
"name": "prefix",
|
|
48780
|
+
"type": "string | undefined",
|
|
48781
|
+
"required": false
|
|
48782
|
+
},
|
|
48783
|
+
{
|
|
48784
|
+
"name": "property",
|
|
48785
|
+
"type": "string | undefined",
|
|
48786
|
+
"required": false
|
|
48787
|
+
},
|
|
48788
|
+
{
|
|
48789
|
+
"name": "rel",
|
|
48790
|
+
"type": "string | undefined",
|
|
48791
|
+
"required": false
|
|
48792
|
+
},
|
|
48793
|
+
{
|
|
48794
|
+
"name": "resource",
|
|
48795
|
+
"type": "string | undefined",
|
|
48796
|
+
"required": false
|
|
48797
|
+
},
|
|
48798
|
+
{
|
|
48799
|
+
"name": "rev",
|
|
48800
|
+
"type": "string | undefined",
|
|
48801
|
+
"required": false
|
|
48802
|
+
},
|
|
48803
|
+
{
|
|
48804
|
+
"name": "typeof",
|
|
48805
|
+
"type": "string | undefined",
|
|
48806
|
+
"required": false
|
|
48807
|
+
},
|
|
48808
|
+
{
|
|
48809
|
+
"name": "vocab",
|
|
48810
|
+
"type": "string | undefined",
|
|
48811
|
+
"required": false
|
|
48812
|
+
},
|
|
48813
|
+
{
|
|
48814
|
+
"name": "autoCorrect",
|
|
48815
|
+
"type": "string | undefined",
|
|
48816
|
+
"required": false
|
|
48817
|
+
},
|
|
48818
|
+
{
|
|
48819
|
+
"name": "autoSave",
|
|
48820
|
+
"type": "string | undefined",
|
|
48821
|
+
"required": false
|
|
48822
|
+
},
|
|
48823
|
+
{
|
|
48824
|
+
"name": "color",
|
|
48825
|
+
"type": "string | undefined",
|
|
48826
|
+
"required": false
|
|
48827
|
+
},
|
|
48828
|
+
{
|
|
48829
|
+
"name": "itemProp",
|
|
48830
|
+
"type": "string | undefined",
|
|
48831
|
+
"required": false
|
|
48832
|
+
},
|
|
48833
|
+
{
|
|
48834
|
+
"name": "itemScope",
|
|
48835
|
+
"type": "boolean | undefined",
|
|
48836
|
+
"required": false
|
|
48837
|
+
},
|
|
48838
|
+
{
|
|
48839
|
+
"name": "itemType",
|
|
48840
|
+
"type": "string | undefined",
|
|
48841
|
+
"required": false
|
|
48842
|
+
},
|
|
48843
|
+
{
|
|
48844
|
+
"name": "itemID",
|
|
48845
|
+
"type": "string | undefined",
|
|
48846
|
+
"required": false
|
|
48847
|
+
},
|
|
48848
|
+
{
|
|
48849
|
+
"name": "itemRef",
|
|
48850
|
+
"type": "string | undefined",
|
|
48851
|
+
"required": false
|
|
48852
|
+
},
|
|
48853
|
+
{
|
|
48854
|
+
"name": "results",
|
|
48855
|
+
"type": "number | undefined",
|
|
48856
|
+
"required": false
|
|
48857
|
+
},
|
|
48858
|
+
{
|
|
48859
|
+
"name": "security",
|
|
48860
|
+
"type": "string | undefined",
|
|
48861
|
+
"required": false
|
|
48862
|
+
},
|
|
48863
|
+
{
|
|
48864
|
+
"name": "unselectable",
|
|
48865
|
+
"type": "\"off\" | \"on\" | undefined",
|
|
48866
|
+
"required": false
|
|
48867
|
+
},
|
|
48868
|
+
{
|
|
48869
|
+
"name": "popover",
|
|
48870
|
+
"type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
|
|
48871
|
+
"required": false
|
|
48872
|
+
},
|
|
48873
|
+
{
|
|
48874
|
+
"name": "popoverTargetAction",
|
|
48875
|
+
"type": "\"toggle\" | \"show\" | \"hide\" | undefined",
|
|
48876
|
+
"required": false
|
|
48877
|
+
},
|
|
48878
|
+
{
|
|
48879
|
+
"name": "popoverTarget",
|
|
48880
|
+
"type": "string | undefined",
|
|
48881
|
+
"required": false
|
|
48882
|
+
},
|
|
48883
|
+
{
|
|
48884
|
+
"name": "inert",
|
|
48885
|
+
"type": "boolean | undefined",
|
|
48886
|
+
"required": false,
|
|
48887
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
|
|
48888
|
+
},
|
|
48889
|
+
{
|
|
48890
|
+
"name": "inputMode",
|
|
48891
|
+
"type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
|
|
48892
|
+
"required": false,
|
|
48893
|
+
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
48894
|
+
},
|
|
48895
|
+
{
|
|
48896
|
+
"name": "is",
|
|
48897
|
+
"type": "string | undefined",
|
|
48898
|
+
"required": false,
|
|
48899
|
+
"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
|
|
48900
|
+
},
|
|
48901
|
+
{
|
|
48902
|
+
"name": "exportparts",
|
|
48903
|
+
"type": "string | undefined",
|
|
48904
|
+
"required": false,
|
|
48905
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
|
|
48906
|
+
},
|
|
48907
|
+
{
|
|
48908
|
+
"name": "part",
|
|
48909
|
+
"type": "string | undefined",
|
|
48910
|
+
"required": false,
|
|
48911
|
+
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
48912
|
+
}
|
|
48913
|
+
],
|
|
48914
|
+
"variants": [
|
|
48915
|
+
{
|
|
48916
|
+
"name": "met",
|
|
48917
|
+
"options": [
|
|
48918
|
+
"true",
|
|
48919
|
+
"false"
|
|
48920
|
+
]
|
|
48921
|
+
}
|
|
48922
|
+
],
|
|
48923
|
+
"subComponents": [],
|
|
48924
|
+
"examples": [
|
|
48925
|
+
{
|
|
48926
|
+
"name": "AllUnmet",
|
|
48927
|
+
"code": "() => <PasswordComplexity items={defaultItems} />"
|
|
48928
|
+
},
|
|
48929
|
+
{
|
|
48930
|
+
"name": "AllMet",
|
|
48931
|
+
"code": "() => (\n <PasswordComplexity items={defaultItems.map(item => ({ ...item, met: true }))} />\n)"
|
|
48932
|
+
},
|
|
48933
|
+
{
|
|
48934
|
+
"name": "PartiallyMet",
|
|
48935
|
+
"code": "() => (\n <PasswordComplexity\n items={[\n { id: 'length', label: 'At least 8 characters', met: true },\n { id: 'uppercase', label: 'Contains an uppercase letter', met: true },\n { id: 'lowercase', label: 'Contains a lowercase letter', met: true },\n { id: 'number', label: 'Contains a number', met: false },\n { id: 'symbol', label: 'Contains a special character', met: false },\n ]}\n />\n)"
|
|
48936
|
+
},
|
|
48937
|
+
{
|
|
48938
|
+
"name": "Interactive",
|
|
48939
|
+
"code": "() => {\n const [password, setPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n\n const items: PasswordComplexityItem[] = [\n {\n id: 'length',\n label: 'At least 8 characters',\n met: passwordValidators.minLength(8)(password),\n },\n {\n id: 'uppercase',\n label: 'One uppercase letter (A–Z)',\n met: passwordValidators.hasUppercase(password),\n },\n {\n id: 'lowercase',\n label: 'One lowercase letter (a–z)',\n met: passwordValidators.hasLowercase(password),\n },\n { id: 'number', label: 'One number (0–9)', met: passwordValidators.hasNumber(password) },\n {\n id: 'symbol',\n label: 'One symbol (e.g. ! ? @ #)',\n met: passwordValidators.hasSymbol(password),\n },\n {\n id: 'match',\n label: 'Both passwords match',\n met: passwordValidators.passwordsMatch(password, confirmPassword),\n },\n ];\n\n return (\n <div className='flex flex-col gap-16 w-[320px]'>\n <Input\n type='password'\n placeholder='New password...'\n value={password}\n onChange={e => setPassword(e.target.value)}\n />\n <Input\n type='password'\n placeholder='Confirm password...'\n value={confirmPassword}\n onChange={e => setConfirmPassword(e.target.value)}\n />\n <PasswordComplexity items={items} />\n </div>\n );\n}"
|
|
47340
48940
|
}
|
|
47341
48941
|
]
|
|
47342
48942
|
},
|
|
47343
48943
|
{
|
|
47344
|
-
"name": "
|
|
47345
|
-
"importPath": "@wallarm-org/design-system/
|
|
48944
|
+
"name": "PasswordInput",
|
|
48945
|
+
"importPath": "@wallarm-org/design-system/PasswordInput",
|
|
47346
48946
|
"props": [
|
|
47347
48947
|
{
|
|
47348
|
-
"name": "
|
|
47349
|
-
"type": "
|
|
47350
|
-
"required": false
|
|
48948
|
+
"name": "size",
|
|
48949
|
+
"type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
|
|
48950
|
+
"required": false,
|
|
48951
|
+
"defaultValue": "default"
|
|
47351
48952
|
},
|
|
47352
48953
|
{
|
|
47353
|
-
"name": "
|
|
47354
|
-
"type": "string
|
|
47355
|
-
"required":
|
|
48954
|
+
"name": "accept",
|
|
48955
|
+
"type": "string | undefined",
|
|
48956
|
+
"required": false
|
|
47356
48957
|
},
|
|
47357
48958
|
{
|
|
47358
|
-
"name": "
|
|
48959
|
+
"name": "alt",
|
|
47359
48960
|
"type": "string | undefined",
|
|
47360
48961
|
"required": false
|
|
47361
48962
|
},
|
|
47362
48963
|
{
|
|
47363
|
-
"name": "
|
|
48964
|
+
"name": "autoComplete",
|
|
48965
|
+
"type": "HTMLInputAutoCompleteAttribute | undefined",
|
|
48966
|
+
"required": false
|
|
48967
|
+
},
|
|
48968
|
+
{
|
|
48969
|
+
"name": "capture",
|
|
48970
|
+
"type": "boolean | \"user\" | \"environment\" | undefined",
|
|
48971
|
+
"required": false
|
|
48972
|
+
},
|
|
48973
|
+
{
|
|
48974
|
+
"name": "checked",
|
|
47364
48975
|
"type": "boolean | undefined",
|
|
47365
|
-
"required": false
|
|
47366
|
-
"defaultValue": "false"
|
|
48976
|
+
"required": false
|
|
47367
48977
|
},
|
|
47368
48978
|
{
|
|
47369
|
-
"name": "
|
|
48979
|
+
"name": "disabled",
|
|
47370
48980
|
"type": "boolean | undefined",
|
|
47371
48981
|
"required": false,
|
|
47372
|
-
"description": "Opt in to click-to-expand. When `true`, a *truncated* path becomes\ninteractive: clicking the `…` collapse indicator (or the path) expands it\ninline to show every segment, and clicking again collapses it back to\n`first … last`. No effect when the path already fits without truncation.\n\n`expandable` only controls the affordance (whether the user can toggle);\nthe open/closed state is owned by `expanded` / `defaultExpanded`.",
|
|
47373
48982
|
"defaultValue": "false"
|
|
47374
48983
|
},
|
|
47375
48984
|
{
|
|
47376
|
-
"name": "
|
|
48985
|
+
"name": "form",
|
|
48986
|
+
"type": "string | undefined",
|
|
48987
|
+
"required": false
|
|
48988
|
+
},
|
|
48989
|
+
{
|
|
48990
|
+
"name": "formAction",
|
|
48991
|
+
"type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
|
|
48992
|
+
"required": false
|
|
48993
|
+
},
|
|
48994
|
+
{
|
|
48995
|
+
"name": "formEncType",
|
|
48996
|
+
"type": "string | undefined",
|
|
48997
|
+
"required": false
|
|
48998
|
+
},
|
|
48999
|
+
{
|
|
49000
|
+
"name": "formMethod",
|
|
49001
|
+
"type": "string | undefined",
|
|
49002
|
+
"required": false
|
|
49003
|
+
},
|
|
49004
|
+
{
|
|
49005
|
+
"name": "formNoValidate",
|
|
47377
49006
|
"type": "boolean | undefined",
|
|
47378
|
-
"required": false
|
|
47379
|
-
"description": "Controlled expanded state. When provided, the component does not manage its\nown state — pair it with {@link onExpandedChange}."
|
|
49007
|
+
"required": false
|
|
47380
49008
|
},
|
|
47381
49009
|
{
|
|
47382
|
-
"name": "
|
|
49010
|
+
"name": "formTarget",
|
|
49011
|
+
"type": "string | undefined",
|
|
49012
|
+
"required": false
|
|
49013
|
+
},
|
|
49014
|
+
{
|
|
49015
|
+
"name": "height",
|
|
49016
|
+
"type": "string | number | undefined",
|
|
49017
|
+
"required": false
|
|
49018
|
+
},
|
|
49019
|
+
{
|
|
49020
|
+
"name": "list",
|
|
49021
|
+
"type": "string | undefined",
|
|
49022
|
+
"required": false
|
|
49023
|
+
},
|
|
49024
|
+
{
|
|
49025
|
+
"name": "max",
|
|
49026
|
+
"type": "string | number | undefined",
|
|
49027
|
+
"required": false
|
|
49028
|
+
},
|
|
49029
|
+
{
|
|
49030
|
+
"name": "maxLength",
|
|
49031
|
+
"type": "number | undefined",
|
|
49032
|
+
"required": false
|
|
49033
|
+
},
|
|
49034
|
+
{
|
|
49035
|
+
"name": "min",
|
|
49036
|
+
"type": "string | number | undefined",
|
|
49037
|
+
"required": false
|
|
49038
|
+
},
|
|
49039
|
+
{
|
|
49040
|
+
"name": "minLength",
|
|
49041
|
+
"type": "number | undefined",
|
|
49042
|
+
"required": false
|
|
49043
|
+
},
|
|
49044
|
+
{
|
|
49045
|
+
"name": "multiple",
|
|
47383
49046
|
"type": "boolean | undefined",
|
|
47384
|
-
"required": false
|
|
47385
|
-
"description": "Initial expanded state for the uncontrolled case. Ignored when `expanded`\nis provided. Defaults to `false`.",
|
|
47386
|
-
"defaultValue": "false"
|
|
49047
|
+
"required": false
|
|
47387
49048
|
},
|
|
47388
49049
|
{
|
|
47389
|
-
"name": "
|
|
47390
|
-
"type": "
|
|
47391
|
-
"required": false
|
|
47392
|
-
|
|
49050
|
+
"name": "name",
|
|
49051
|
+
"type": "string | undefined",
|
|
49052
|
+
"required": false
|
|
49053
|
+
},
|
|
49054
|
+
{
|
|
49055
|
+
"name": "pattern",
|
|
49056
|
+
"type": "string | undefined",
|
|
49057
|
+
"required": false
|
|
49058
|
+
},
|
|
49059
|
+
{
|
|
49060
|
+
"name": "placeholder",
|
|
49061
|
+
"type": "string | undefined",
|
|
49062
|
+
"required": false
|
|
49063
|
+
},
|
|
49064
|
+
{
|
|
49065
|
+
"name": "readOnly",
|
|
49066
|
+
"type": "boolean | undefined",
|
|
49067
|
+
"required": false
|
|
49068
|
+
},
|
|
49069
|
+
{
|
|
49070
|
+
"name": "required",
|
|
49071
|
+
"type": "boolean | undefined",
|
|
49072
|
+
"required": false
|
|
49073
|
+
},
|
|
49074
|
+
{
|
|
49075
|
+
"name": "src",
|
|
49076
|
+
"type": "string | undefined",
|
|
49077
|
+
"required": false
|
|
49078
|
+
},
|
|
49079
|
+
{
|
|
49080
|
+
"name": "step",
|
|
49081
|
+
"type": "string | number | undefined",
|
|
49082
|
+
"required": false
|
|
49083
|
+
},
|
|
49084
|
+
{
|
|
49085
|
+
"name": "value",
|
|
49086
|
+
"type": "string | number | readonly string[] | undefined",
|
|
49087
|
+
"required": false
|
|
49088
|
+
},
|
|
49089
|
+
{
|
|
49090
|
+
"name": "width",
|
|
49091
|
+
"type": "string | number | undefined",
|
|
49092
|
+
"required": false
|
|
47393
49093
|
},
|
|
47394
49094
|
{
|
|
47395
49095
|
"name": "defaultChecked",
|
|
@@ -47418,7 +49118,7 @@
|
|
|
47418
49118
|
},
|
|
47419
49119
|
{
|
|
47420
49120
|
"name": "autoCapitalize",
|
|
47421
|
-
"type": "\"off\" | \"
|
|
49121
|
+
"type": "\"off\" | \"on\" | (string & {}) | \"none\" | \"sentences\" | \"words\" | \"characters\" | undefined",
|
|
47422
49122
|
"required": false
|
|
47423
49123
|
},
|
|
47424
49124
|
{
|
|
@@ -47639,7 +49339,7 @@
|
|
|
47639
49339
|
},
|
|
47640
49340
|
{
|
|
47641
49341
|
"name": "inputMode",
|
|
47642
|
-
"type": "\"
|
|
49342
|
+
"type": "\"email\" | \"tel\" | \"none\" | \"search\" | \"text\" | \"url\" | \"numeric\" | \"decimal\" | undefined",
|
|
47643
49343
|
"required": false,
|
|
47644
49344
|
"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
|
|
47645
49345
|
},
|
|
@@ -47660,71 +49360,40 @@
|
|
|
47660
49360
|
"type": "string | undefined",
|
|
47661
49361
|
"required": false,
|
|
47662
49362
|
"description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
|
|
47663
|
-
}
|
|
47664
|
-
],
|
|
47665
|
-
"variants": [
|
|
47666
|
-
{
|
|
47667
|
-
"name": "expanded",
|
|
47668
|
-
"options": [
|
|
47669
|
-
"true",
|
|
47670
|
-
"false"
|
|
47671
|
-
],
|
|
47672
|
-
"defaultValue": "false"
|
|
47673
49363
|
},
|
|
47674
49364
|
{
|
|
47675
|
-
"name": "
|
|
47676
|
-
"
|
|
47677
|
-
|
|
47678
|
-
|
|
47679
|
-
],
|
|
47680
|
-
"defaultValue": "default"
|
|
49365
|
+
"name": "error",
|
|
49366
|
+
"type": "{ true: string; false: string; }",
|
|
49367
|
+
"required": false,
|
|
49368
|
+
"defaultValue": "false"
|
|
47681
49369
|
}
|
|
47682
49370
|
],
|
|
49371
|
+
"variants": [],
|
|
47683
49372
|
"subComponents": [],
|
|
47684
49373
|
"examples": [
|
|
47685
49374
|
{
|
|
47686
|
-
"name": "
|
|
47687
|
-
"code": "
|
|
47688
|
-
},
|
|
47689
|
-
{
|
|
47690
|
-
"name": "NoEncoding",
|
|
47691
|
-
"code": "() => (\n <ParameterPath method='GET' segments={['query', 'filter']} attack />\n)"
|
|
47692
|
-
},
|
|
47693
|
-
{
|
|
47694
|
-
"name": "PathIndexBola",
|
|
47695
|
-
"code": "() => (\n <ParameterPath method='GET' segments={['path', '2']} attack />\n)"
|
|
47696
|
-
},
|
|
47697
|
-
{
|
|
47698
|
-
"name": "Header",
|
|
47699
|
-
"code": "() => (\n <ParameterPath method='GET' segments={['header', 'X-Forwarded-For']} attack />\n)"
|
|
47700
|
-
},
|
|
47701
|
-
{
|
|
47702
|
-
"name": "Cookie",
|
|
47703
|
-
"code": "() => (\n <ParameterPath method='POST' segments={['cookie', 'session_id']} attack />\n)"
|
|
47704
|
-
},
|
|
47705
|
-
{
|
|
47706
|
-
"name": "DeepNestedTruncated",
|
|
47707
|
-
"code": "() => (\n <div style={{ width: 280 }}>\n <ParameterPath\n method='POST'\n segments={['multipart', 'json_abc', 'json_doc', 'qwerty_doc', 'hash', 'formData', 'get']}\n attack\n />\n </div>\n)"
|
|
49375
|
+
"name": "Basic",
|
|
49376
|
+
"code": "<PasswordInput placeholder=\"Enter\" />"
|
|
47708
49377
|
},
|
|
47709
49378
|
{
|
|
47710
|
-
"name": "
|
|
47711
|
-
"code": "() => (\n <
|
|
49379
|
+
"name": "WithField",
|
|
49380
|
+
"code": "() => (\n <Field required>\n <FieldLabel>\n Password\n <FieldIndicator />\n <FieldAction type='muted'>Forgot password?</FieldAction>\n </FieldLabel>\n <PasswordInput placeholder='Enter' />\n </Field>\n)"
|
|
47712
49381
|
},
|
|
47713
49382
|
{
|
|
47714
|
-
"name": "
|
|
47715
|
-
"code": "() => (\n <
|
|
49383
|
+
"name": "WithError",
|
|
49384
|
+
"code": "() => (\n <Field required>\n <FieldLabel>\n Password\n <FieldIndicator />\n </FieldLabel>\n <PasswordInput placeholder='Enter' error />\n <FieldError>Password is incorrect</FieldError>\n </Field>\n)"
|
|
47716
49385
|
},
|
|
47717
49386
|
{
|
|
47718
|
-
"name": "
|
|
47719
|
-
"code": "() => (\n
|
|
49387
|
+
"name": "WithRequirements",
|
|
49388
|
+
"code": "() => {\n const [password, setPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n\n const items: PasswordComplexityItem[] = [\n {\n id: 'length',\n label: 'At least 8 characters',\n met: passwordValidators.minLength(8)(password),\n },\n {\n id: 'uppercase',\n label: 'One uppercase letter (A\\u2013Z)',\n met: passwordValidators.hasUppercase(password),\n },\n {\n id: 'lowercase',\n label: 'One lowercase letter (a\\u2013z)',\n met: passwordValidators.hasLowercase(password),\n },\n { id: 'number', label: 'One number (0\\u20139)', met: passwordValidators.hasNumber(password) },\n {\n id: 'symbol',\n label: 'One symbol (e.g. ! ? @ #)',\n met: passwordValidators.hasSymbol(password),\n },\n {\n id: 'match',\n label: 'Both passwords match',\n met: passwordValidators.passwordsMatch(password, confirmPassword),\n },\n ];\n\n return (\n <div className='flex flex-col gap-16 w-[320px]'>\n <Field>\n <FieldLabel>New password</FieldLabel>\n <PasswordInput\n placeholder='New password...'\n value={password}\n onChange={e => setPassword(e.target.value)}\n />\n </Field>\n <Field>\n <FieldLabel>Confirm password</FieldLabel>\n <PasswordInput\n placeholder='Confirm password...'\n value={confirmPassword}\n onChange={e => setConfirmPassword(e.target.value)}\n />\n </Field>\n <PasswordComplexity items={items} />\n </div>\n );\n}"
|
|
47720
49389
|
},
|
|
47721
49390
|
{
|
|
47722
|
-
"name": "
|
|
47723
|
-
"code": "
|
|
49391
|
+
"name": "Disabled",
|
|
49392
|
+
"code": "<PasswordInput placeholder=\"Enter\" disabled />"
|
|
47724
49393
|
},
|
|
47725
49394
|
{
|
|
47726
|
-
"name": "
|
|
47727
|
-
"code": "() => (\n <
|
|
49395
|
+
"name": "Sizes",
|
|
49396
|
+
"code": "() => (\n <HStack gap={16} align='start'>\n <PasswordInput placeholder='Default' size='default' />\n <PasswordInput placeholder='Medium' size='medium' />\n <PasswordInput placeholder='Small' size='small' />\n </HStack>\n)"
|
|
47728
49397
|
}
|
|
47729
49398
|
]
|
|
47730
49399
|
},
|