vueless 0.0.335 → 0.0.337

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.335",
3
+ "version": "0.0.337",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
@@ -1,6 +1,6 @@
1
1
  import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
2
2
 
3
- import UInputMoney from "../../ui.form-input-money/UMoney.vue";
3
+ import UInputMoney from "../../ui.form-input-money/UInputMoney.vue";
4
4
  import UCol from "../../ui.container-col/UCol.vue";
5
5
  import UIcon from "../../ui.image-icon/UIcon.vue";
6
6
  import UButton from "../../ui.button/UButton.vue";
@@ -16,11 +16,14 @@ export default /*tw*/ {
16
16
  true: "rounded-full",
17
17
  },
18
18
  tabindex: {
19
- true: "cursor-pointer focus:ring-dynamic focus:ring-offset-dynamic focus:ring-{color}-700/15",
19
+ true: `
20
+ cursor-pointer focus-within:ring-dynamic focus-within:ring-offset-dynamic focus-within:ring-{color}-700/15
21
+ focus:ring-dynamic focus:ring-offset-dynamic focus:ring-{color}-700/15
22
+ `,
20
23
  },
21
24
  color: {
22
- grayscale: "focus:ring-gray-700/15",
23
- white: "focus:ring-gray-700/15",
25
+ grayscale: "focus:ring-gray-700/15 focus-within:ring-gray-700/15",
26
+ white: "focus:ring-gray-700/15 focus-within:ring-gray-700/15",
24
27
  },
25
28
  },
26
29
  compoundVariants: [
@@ -66,6 +69,6 @@ export default /*tw*/ {
66
69
  { pattern: `border-(${colors})-100` },
67
70
  { pattern: `border-(${colors})-600` },
68
71
  { pattern: `text-(${colors})-600` },
69
- { pattern: `ring-(${colors})-700`, variants: ["focus"] },
72
+ { pattern: `ring-(${colors})-700`, variants: ["focus", "focus-within"] },
70
73
  ],
71
74
  };
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.335",
4
+ "version": "0.0.337",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -4926,6 +4926,246 @@
4926
4926
  "symbol": "default"
4927
4927
  }
4928
4928
  },
4929
+ {
4930
+ "name": "UInputMoney",
4931
+ "description": "",
4932
+ "attributes": [
4933
+ {
4934
+ "name": "modelValue",
4935
+ "description": "Input value.",
4936
+ "value": {
4937
+ "kind": "expression",
4938
+ "type": "string|number"
4939
+ },
4940
+ "default": "\"\""
4941
+ },
4942
+ {
4943
+ "name": "label",
4944
+ "description": "Input label.",
4945
+ "value": {
4946
+ "kind": "expression",
4947
+ "type": "string"
4948
+ },
4949
+ "default": "\"\""
4950
+ },
4951
+ {
4952
+ "name": "labelAlign",
4953
+ "description": "Set label placement related from the default slot.",
4954
+ "value": {
4955
+ "kind": "expression",
4956
+ "type": "'top' | 'topInside' | 'topWithDesc' | 'left' | 'right'"
4957
+ },
4958
+ "default": "topInside"
4959
+ },
4960
+ {
4961
+ "name": "symbol",
4962
+ "description": "Currency symbol.",
4963
+ "value": {
4964
+ "kind": "expression",
4965
+ "type": "string"
4966
+ },
4967
+ "default": "$"
4968
+ },
4969
+ {
4970
+ "name": "placeholder",
4971
+ "description": "Input placeholder.",
4972
+ "value": {
4973
+ "kind": "expression",
4974
+ "type": "string"
4975
+ },
4976
+ "default": "\"\""
4977
+ },
4978
+ {
4979
+ "name": "description",
4980
+ "description": "Input description.",
4981
+ "value": {
4982
+ "kind": "expression",
4983
+ "type": "string"
4984
+ },
4985
+ "default": "\"\""
4986
+ },
4987
+ {
4988
+ "name": "error",
4989
+ "description": "Error message.",
4990
+ "value": {
4991
+ "kind": "expression",
4992
+ "type": "string"
4993
+ },
4994
+ "default": "\"\""
4995
+ },
4996
+ {
4997
+ "name": "size",
4998
+ "description": "Input size.",
4999
+ "value": {
5000
+ "kind": "expression",
5001
+ "type": "'sm' | 'md' | 'lg'"
5002
+ },
5003
+ "default": "md"
5004
+ },
5005
+ {
5006
+ "name": "leftIcon",
5007
+ "description": "Left side icon name.",
5008
+ "value": {
5009
+ "kind": "expression",
5010
+ "type": "string"
5011
+ },
5012
+ "default": "\"\""
5013
+ },
5014
+ {
5015
+ "name": "rightIcon",
5016
+ "description": "Right side icon name.",
5017
+ "value": {
5018
+ "kind": "expression",
5019
+ "type": "string"
5020
+ },
5021
+ "default": "\"\""
5022
+ },
5023
+ {
5024
+ "name": "minFractionDigits",
5025
+ "description": "Minimal number of signs after the decimal separator (fractional part of a number).",
5026
+ "value": {
5027
+ "kind": "expression",
5028
+ "type": "number"
5029
+ },
5030
+ "default": "0"
5031
+ },
5032
+ {
5033
+ "name": "maxFractionDigits",
5034
+ "description": "Maximal number of signs after the decimal separator (fractional part of a number).",
5035
+ "value": {
5036
+ "kind": "expression",
5037
+ "type": "number"
5038
+ },
5039
+ "default": "2"
5040
+ },
5041
+ {
5042
+ "name": "decimalSeparator",
5043
+ "description": "A symbol used to separate the integer part from the fractional part of a number.",
5044
+ "value": {
5045
+ "kind": "expression",
5046
+ "type": "string"
5047
+ },
5048
+ "default": ","
5049
+ },
5050
+ {
5051
+ "name": "thousandsSeparator",
5052
+ "description": "A symbol used to separate the thousand parts of a number.",
5053
+ "value": {
5054
+ "kind": "expression",
5055
+ "type": "string"
5056
+ },
5057
+ "default": " "
5058
+ },
5059
+ {
5060
+ "name": "positiveOnly",
5061
+ "description": "Allow only positive values.",
5062
+ "value": {
5063
+ "kind": "expression",
5064
+ "type": "boolean"
5065
+ },
5066
+ "default": "false"
5067
+ },
5068
+ {
5069
+ "name": "rawValuePrefix",
5070
+ "description": "Show prefix in the raw value number.",
5071
+ "value": {
5072
+ "kind": "expression",
5073
+ "type": "boolean"
5074
+ },
5075
+ "default": "false"
5076
+ },
5077
+ {
5078
+ "name": "minus",
5079
+ "description": "Show minus sign.",
5080
+ "value": {
5081
+ "kind": "expression",
5082
+ "type": "boolean"
5083
+ },
5084
+ "default": "false"
5085
+ },
5086
+ {
5087
+ "name": "readonly",
5088
+ "description": "Set input read-only.",
5089
+ "value": {
5090
+ "kind": "expression",
5091
+ "type": "boolean"
5092
+ },
5093
+ "default": "false"
5094
+ },
5095
+ {
5096
+ "name": "disabled",
5097
+ "description": "Disable the input.",
5098
+ "value": {
5099
+ "kind": "expression",
5100
+ "type": "boolean"
5101
+ },
5102
+ "default": "false"
5103
+ },
5104
+ {
5105
+ "name": "id",
5106
+ "description": "@ignore: Unique element id.",
5107
+ "value": {
5108
+ "kind": "expression",
5109
+ "type": "string"
5110
+ },
5111
+ "default": "() => getRandomId()"
5112
+ },
5113
+ {
5114
+ "name": "config",
5115
+ "description": "Component ui config object.",
5116
+ "value": {
5117
+ "kind": "expression",
5118
+ "type": "object"
5119
+ },
5120
+ "default": "{}"
5121
+ },
5122
+ {
5123
+ "name": "dataTest",
5124
+ "description": "Data-test attribute for automated testing.",
5125
+ "value": {
5126
+ "kind": "expression",
5127
+ "type": "string"
5128
+ },
5129
+ "default": "\"\""
5130
+ }
5131
+ ],
5132
+ "events": [
5133
+ {
5134
+ "name": "update:modelValue"
5135
+ },
5136
+ {
5137
+ "name": "keyup"
5138
+ },
5139
+ {
5140
+ "name": "blur"
5141
+ },
5142
+ {
5143
+ "name": "input"
5144
+ }
5145
+ ],
5146
+ "slots": [
5147
+ {
5148
+ "name": "left",
5149
+ "description": "Use it to add something left."
5150
+ },
5151
+ {
5152
+ "name": "left-icon",
5153
+ "description": "Use it to add icon before the text."
5154
+ },
5155
+ {
5156
+ "name": "right-icon",
5157
+ "description": "Use it to add icon after the text."
5158
+ },
5159
+ {
5160
+ "name": "right",
5161
+ "description": "Use it to add something right."
5162
+ }
5163
+ ],
5164
+ "source": {
5165
+ "module": "./src/ui.form-input-money/UInputMoney.vue",
5166
+ "symbol": "default"
5167
+ }
5168
+ },
4929
5169
  {
4930
5170
  "name": "UInputNumber",
4931
5171
  "description": "",
@@ -6196,246 +6436,6 @@
6196
6436
  "symbol": "default"
6197
6437
  }
6198
6438
  },
6199
- {
6200
- "name": "UMoney",
6201
- "description": "",
6202
- "attributes": [
6203
- {
6204
- "name": "modelValue",
6205
- "description": "Input value.",
6206
- "value": {
6207
- "kind": "expression",
6208
- "type": "string|number"
6209
- },
6210
- "default": "\"\""
6211
- },
6212
- {
6213
- "name": "label",
6214
- "description": "Input label.",
6215
- "value": {
6216
- "kind": "expression",
6217
- "type": "string"
6218
- },
6219
- "default": "\"\""
6220
- },
6221
- {
6222
- "name": "labelAlign",
6223
- "description": "Set label placement related from the default slot.",
6224
- "value": {
6225
- "kind": "expression",
6226
- "type": "'top' | 'topInside' | 'topWithDesc' | 'left' | 'right'"
6227
- },
6228
- "default": "topInside"
6229
- },
6230
- {
6231
- "name": "symbol",
6232
- "description": "Currency symbol.",
6233
- "value": {
6234
- "kind": "expression",
6235
- "type": "string"
6236
- },
6237
- "default": "$"
6238
- },
6239
- {
6240
- "name": "placeholder",
6241
- "description": "Input placeholder.",
6242
- "value": {
6243
- "kind": "expression",
6244
- "type": "string"
6245
- },
6246
- "default": "\"\""
6247
- },
6248
- {
6249
- "name": "description",
6250
- "description": "Input description.",
6251
- "value": {
6252
- "kind": "expression",
6253
- "type": "string"
6254
- },
6255
- "default": "\"\""
6256
- },
6257
- {
6258
- "name": "error",
6259
- "description": "Error message.",
6260
- "value": {
6261
- "kind": "expression",
6262
- "type": "string"
6263
- },
6264
- "default": "\"\""
6265
- },
6266
- {
6267
- "name": "size",
6268
- "description": "Input size.",
6269
- "value": {
6270
- "kind": "expression",
6271
- "type": "'sm' | 'md' | 'lg'"
6272
- },
6273
- "default": "md"
6274
- },
6275
- {
6276
- "name": "leftIcon",
6277
- "description": "Left side icon name.",
6278
- "value": {
6279
- "kind": "expression",
6280
- "type": "string"
6281
- },
6282
- "default": "\"\""
6283
- },
6284
- {
6285
- "name": "rightIcon",
6286
- "description": "Right side icon name.",
6287
- "value": {
6288
- "kind": "expression",
6289
- "type": "string"
6290
- },
6291
- "default": "\"\""
6292
- },
6293
- {
6294
- "name": "minFractionDigits",
6295
- "description": "Minimal number of signs after the decimal separator (fractional part of a number).",
6296
- "value": {
6297
- "kind": "expression",
6298
- "type": "number"
6299
- },
6300
- "default": "0"
6301
- },
6302
- {
6303
- "name": "maxFractionDigits",
6304
- "description": "Maximal number of signs after the decimal separator (fractional part of a number).",
6305
- "value": {
6306
- "kind": "expression",
6307
- "type": "number"
6308
- },
6309
- "default": "2"
6310
- },
6311
- {
6312
- "name": "decimalSeparator",
6313
- "description": "A symbol used to separate the integer part from the fractional part of a number.",
6314
- "value": {
6315
- "kind": "expression",
6316
- "type": "string"
6317
- },
6318
- "default": ","
6319
- },
6320
- {
6321
- "name": "thousandsSeparator",
6322
- "description": "A symbol used to separate the thousand parts of a number.",
6323
- "value": {
6324
- "kind": "expression",
6325
- "type": "string"
6326
- },
6327
- "default": " "
6328
- },
6329
- {
6330
- "name": "positiveOnly",
6331
- "description": "Allow only positive values.",
6332
- "value": {
6333
- "kind": "expression",
6334
- "type": "boolean"
6335
- },
6336
- "default": "false"
6337
- },
6338
- {
6339
- "name": "rawValuePrefix",
6340
- "description": "Show prefix in the raw value number.",
6341
- "value": {
6342
- "kind": "expression",
6343
- "type": "boolean"
6344
- },
6345
- "default": "false"
6346
- },
6347
- {
6348
- "name": "minus",
6349
- "description": "Show minus sign.",
6350
- "value": {
6351
- "kind": "expression",
6352
- "type": "boolean"
6353
- },
6354
- "default": "false"
6355
- },
6356
- {
6357
- "name": "readonly",
6358
- "description": "Set input read-only.",
6359
- "value": {
6360
- "kind": "expression",
6361
- "type": "boolean"
6362
- },
6363
- "default": "false"
6364
- },
6365
- {
6366
- "name": "disabled",
6367
- "description": "Disable the input.",
6368
- "value": {
6369
- "kind": "expression",
6370
- "type": "boolean"
6371
- },
6372
- "default": "false"
6373
- },
6374
- {
6375
- "name": "id",
6376
- "description": "@ignore: Unique element id.",
6377
- "value": {
6378
- "kind": "expression",
6379
- "type": "string"
6380
- },
6381
- "default": "() => getRandomId()"
6382
- },
6383
- {
6384
- "name": "config",
6385
- "description": "Component ui config object.",
6386
- "value": {
6387
- "kind": "expression",
6388
- "type": "object"
6389
- },
6390
- "default": "{}"
6391
- },
6392
- {
6393
- "name": "dataTest",
6394
- "description": "Data-test attribute for automated testing.",
6395
- "value": {
6396
- "kind": "expression",
6397
- "type": "string"
6398
- },
6399
- "default": "\"\""
6400
- }
6401
- ],
6402
- "events": [
6403
- {
6404
- "name": "update:modelValue"
6405
- },
6406
- {
6407
- "name": "keyup"
6408
- },
6409
- {
6410
- "name": "blur"
6411
- },
6412
- {
6413
- "name": "input"
6414
- }
6415
- ],
6416
- "slots": [
6417
- {
6418
- "name": "left",
6419
- "description": "Use it to add something left."
6420
- },
6421
- {
6422
- "name": "left-icon",
6423
- "description": "Use it to add icon before the text."
6424
- },
6425
- {
6426
- "name": "right-icon",
6427
- "description": "Use it to add icon after the text."
6428
- },
6429
- {
6430
- "name": "right",
6431
- "description": "Use it to add something right."
6432
- }
6433
- ],
6434
- "source": {
6435
- "module": "./src/ui.form-input-money/UMoney.vue",
6436
- "symbol": "default"
6437
- }
6438
- },
6439
6439
  {
6440
6440
  "name": "UMoney",
6441
6441
  "description": "",