@youcan/celeste 0.17.2 → 0.19.0
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/ai/README.md +1 -1
- package/ai/component-registry.json +206 -3
- package/ai/icons.json +2 -2
- package/ai/tokens.json +2 -2
- package/dist/celeste.css +740 -380
- package/dist/cjs/chunks/ComboboxItem.cjs +6 -0
- package/dist/cjs/chunks/alpha-slider.cjs +1 -1
- package/dist/cjs/chunks/color-area.cjs +1 -1
- package/dist/cjs/chunks/color-picker.cjs +20 -25
- package/dist/cjs/chunks/color-swatch.cjs +4 -3
- package/dist/cjs/chunks/combobox-item.cjs +63 -7
- package/dist/cjs/chunks/combobox-list.cjs +1 -1
- package/dist/cjs/chunks/combobox-trigger.cjs +1 -1
- package/dist/cjs/chunks/combobox.cjs +2 -2
- package/dist/cjs/chunks/components.cjs +7 -5
- package/dist/cjs/chunks/gradient-picker.cjs +635 -0
- package/dist/cjs/chunks/text-input-affix.cjs +1 -1
- package/dist/cjs/chunks/text-input-button.cjs +1 -1
- package/dist/cjs/chunks/text-input.cjs +2 -1
- package/dist/cjs/chunks/textarea.cjs +1 -1
- package/dist/{es/chunks/use-color-model.js → cjs/chunks/tinycolor.cjs} +6 -23
- package/dist/cjs/gradient-picker.cjs +2 -0
- package/dist/cjs/gradient.cjs +71 -0
- package/dist/cjs/index.cjs +10 -5
- package/dist/cjs/use-color-model.cjs +27 -3
- package/dist/components/color-picker/gradient-picker.d.ts +51 -0
- package/dist/components/color-picker/index.d.ts +2 -0
- package/dist/es/chunks/ComboboxItem.js +1 -1
- package/dist/es/chunks/alpha-slider.js +1 -1
- package/dist/es/chunks/color-area.js +1 -1
- package/dist/es/chunks/color-picker.js +12 -17
- package/dist/es/chunks/color-swatch.js +2 -1
- package/dist/es/chunks/combobox-item.js +65 -9
- package/dist/es/chunks/combobox-list.js +1 -1
- package/dist/es/chunks/combobox-trigger.js +1 -1
- package/dist/es/chunks/combobox.js +2 -2
- package/dist/es/chunks/components.js +7 -5
- package/dist/es/chunks/gradient-picker.js +629 -0
- package/dist/es/chunks/text-input-affix.js +1 -1
- package/dist/es/chunks/text-input-button.js +1 -1
- package/dist/es/chunks/text-input.js +2 -1
- package/dist/es/chunks/textarea.js +1 -1
- package/dist/{cjs/chunks/use-color-model.cjs → es/chunks/tinycolor.js} +1 -40
- package/dist/es/gradient-picker.js +2 -0
- package/dist/es/gradient.js +69 -0
- package/dist/es/index.js +8 -6
- package/dist/es/use-color-model.js +25 -1
- package/dist/utils/gradient.d.ts +13 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +3 -3
- package/src/components/color-picker/color-picker.vue +8 -9
- package/src/components/color-picker/composable/use-color-model.ts +5 -0
- package/src/components/color-picker/gradient-picker.vue +944 -0
- package/src/components/color-picker/index.ts +3 -0
- package/src/components/color-picker/stories/gradient-picker.stories.ts +37 -0
- package/src/components/combobox/combobox-item.vue +15 -7
- package/src/components/combobox/combobox-list.vue +2 -2
- package/src/components/combobox/combobox-trigger.vue +38 -0
- package/src/components/combobox/combobox.vue +2 -0
- package/src/components/text-input/stories/text-input.stories.ts +53 -3
- package/src/components/text-input/text-input-affix.vue +7 -3
- package/src/components/text-input/text-input-button.vue +6 -2
- package/src/components/text-input/text-input.vue +45 -34
- package/src/components/textarea/textarea.vue +1 -1
- package/src/utils/gradient.ts +90 -0
- package/src/utils/index.ts +1 -0
package/ai/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Celeste agent indexes
|
|
2
2
|
|
|
3
|
-
Generated from source for `@youcan/celeste@0.
|
|
3
|
+
Generated from source for `@youcan/celeste@0.19.0`. Do not edit.
|
|
4
4
|
|
|
5
5
|
- `component-registry.json` — every component's props, events, slots, story and usage example, and
|
|
6
6
|
every exported helper such as `toast`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
|
-
"version": "0.
|
|
4
|
-
"generatedAt": "2026-10-
|
|
3
|
+
"version": "0.19.0",
|
|
4
|
+
"generatedAt": "2026-10-09T18:24:41.483Z",
|
|
5
5
|
"components": {
|
|
6
6
|
"Alert": {
|
|
7
7
|
"name": "Alert",
|
|
@@ -118,6 +118,7 @@
|
|
|
118
118
|
"ColorArea",
|
|
119
119
|
"ColorPicker",
|
|
120
120
|
"ColorSwatch",
|
|
121
|
+
"GradientPicker",
|
|
121
122
|
"HueSlider"
|
|
122
123
|
],
|
|
123
124
|
"hasStory": false
|
|
@@ -1281,6 +1282,7 @@
|
|
|
1281
1282
|
"AlphaSlider",
|
|
1282
1283
|
"ColorPicker",
|
|
1283
1284
|
"ColorSwatch",
|
|
1285
|
+
"GradientPicker",
|
|
1284
1286
|
"HueSlider"
|
|
1285
1287
|
],
|
|
1286
1288
|
"hasStory": false
|
|
@@ -1342,6 +1344,7 @@
|
|
|
1342
1344
|
"AlphaSlider",
|
|
1343
1345
|
"ColorArea",
|
|
1344
1346
|
"ColorSwatch",
|
|
1347
|
+
"GradientPicker",
|
|
1345
1348
|
"HueSlider"
|
|
1346
1349
|
],
|
|
1347
1350
|
"story": "src/components/color-picker/stories/color-picker.stories.ts",
|
|
@@ -1392,6 +1395,7 @@
|
|
|
1392
1395
|
"AlphaSlider",
|
|
1393
1396
|
"ColorArea",
|
|
1394
1397
|
"ColorPicker",
|
|
1398
|
+
"GradientPicker",
|
|
1395
1399
|
"HueSlider"
|
|
1396
1400
|
],
|
|
1397
1401
|
"hasStory": false
|
|
@@ -5191,6 +5195,150 @@
|
|
|
5191
5195
|
"story": "src/components/file-upload/stories/file-upload-area.stories.ts",
|
|
5192
5196
|
"hasStory": true
|
|
5193
5197
|
},
|
|
5198
|
+
"GradientPicker": {
|
|
5199
|
+
"name": "GradientPicker",
|
|
5200
|
+
"group": "color-picker",
|
|
5201
|
+
"file": "src/components/color-picker/gradient-picker.vue",
|
|
5202
|
+
"import": "@youcan/celeste",
|
|
5203
|
+
"props": [
|
|
5204
|
+
{
|
|
5205
|
+
"name": "addStopLabel",
|
|
5206
|
+
"type": "string",
|
|
5207
|
+
"required": false,
|
|
5208
|
+
"default": "\"Add stop\""
|
|
5209
|
+
},
|
|
5210
|
+
{
|
|
5211
|
+
"name": "angleLabel",
|
|
5212
|
+
"type": "string",
|
|
5213
|
+
"required": false,
|
|
5214
|
+
"default": "\"Angle\""
|
|
5215
|
+
},
|
|
5216
|
+
{
|
|
5217
|
+
"name": "areaLabel",
|
|
5218
|
+
"type": "string",
|
|
5219
|
+
"required": false,
|
|
5220
|
+
"default": "\"Saturation and brightness\""
|
|
5221
|
+
},
|
|
5222
|
+
{
|
|
5223
|
+
"name": "class",
|
|
5224
|
+
"type": "unknown",
|
|
5225
|
+
"required": false,
|
|
5226
|
+
"inherited": true
|
|
5227
|
+
},
|
|
5228
|
+
{
|
|
5229
|
+
"name": "colorStopLabel",
|
|
5230
|
+
"type": "string",
|
|
5231
|
+
"required": false,
|
|
5232
|
+
"default": "\"Color stop\""
|
|
5233
|
+
},
|
|
5234
|
+
{
|
|
5235
|
+
"name": "emptyHint",
|
|
5236
|
+
"type": "string",
|
|
5237
|
+
"required": false,
|
|
5238
|
+
"default": "\"Select a gradient to begin editing\""
|
|
5239
|
+
},
|
|
5240
|
+
{
|
|
5241
|
+
"name": "eyedropperLabel",
|
|
5242
|
+
"type": "string",
|
|
5243
|
+
"required": false,
|
|
5244
|
+
"default": "\"Pick color\""
|
|
5245
|
+
},
|
|
5246
|
+
{
|
|
5247
|
+
"name": "hueLabel",
|
|
5248
|
+
"type": "string",
|
|
5249
|
+
"required": false,
|
|
5250
|
+
"default": "\"Hue\""
|
|
5251
|
+
},
|
|
5252
|
+
{
|
|
5253
|
+
"name": "linearLabel",
|
|
5254
|
+
"type": "string",
|
|
5255
|
+
"required": false,
|
|
5256
|
+
"default": "\"Linear gradient\""
|
|
5257
|
+
},
|
|
5258
|
+
{
|
|
5259
|
+
"name": "modelValue",
|
|
5260
|
+
"type": "string",
|
|
5261
|
+
"required": false,
|
|
5262
|
+
"default": "\"\""
|
|
5263
|
+
},
|
|
5264
|
+
{
|
|
5265
|
+
"name": "noneLabel",
|
|
5266
|
+
"type": "string",
|
|
5267
|
+
"required": false,
|
|
5268
|
+
"default": "\"None\""
|
|
5269
|
+
},
|
|
5270
|
+
{
|
|
5271
|
+
"name": "opacityLabel",
|
|
5272
|
+
"type": "string",
|
|
5273
|
+
"required": false,
|
|
5274
|
+
"default": "\"Opacity\""
|
|
5275
|
+
},
|
|
5276
|
+
{
|
|
5277
|
+
"name": "placeholder",
|
|
5278
|
+
"type": "string",
|
|
5279
|
+
"required": false,
|
|
5280
|
+
"default": "\"No gradient chosen\""
|
|
5281
|
+
},
|
|
5282
|
+
{
|
|
5283
|
+
"name": "positionLabel",
|
|
5284
|
+
"type": "string",
|
|
5285
|
+
"required": false,
|
|
5286
|
+
"default": "\"Position\""
|
|
5287
|
+
},
|
|
5288
|
+
{
|
|
5289
|
+
"name": "presets",
|
|
5290
|
+
"type": "string[]",
|
|
5291
|
+
"required": false,
|
|
5292
|
+
"default": "[\n \"linear-gradient(135deg, #e1116f 0%, #7d52f4 100%)\",\n \"linear-gradient(180deg, #f7f1e8 0%, #e3cfb4 100%)\",\n \"linear-gradient(160deg, #1f3d2b 0%, #4f7a5a 100%)\",\n \"linear-gradient(180deg, #3d3d3d 0%, #171717 100%)\",\n \"radial-gradient(#ffffff 0%, #dbe4ee 100%)\",\n \"linear-gradient(135deg, #e8a07a 0%, #b5532f 100%)\",\n \"linear-gradient(200deg, #0b3c5d 0%, #1e7f8c 100%)\",\n \"radial-gradient(#fff1f5 0%, #f7b5c9 100%)\",\n \"linear-gradient(120deg, #d6d29a 0%, #7a7a3a 100%)\",\n \"linear-gradient(180deg, #1b1f3b 0%, #4b3f8f 100%)\",\n \"linear-gradient(90deg, #ffd86b 0%, #f08a24 100%)\",\n]"
|
|
5293
|
+
},
|
|
5294
|
+
{
|
|
5295
|
+
"name": "radialLabel",
|
|
5296
|
+
"type": "string",
|
|
5297
|
+
"required": false,
|
|
5298
|
+
"default": "\"Radial gradient\""
|
|
5299
|
+
},
|
|
5300
|
+
{
|
|
5301
|
+
"name": "removeLabel",
|
|
5302
|
+
"type": "string",
|
|
5303
|
+
"required": false,
|
|
5304
|
+
"default": "\"Remove gradient\""
|
|
5305
|
+
},
|
|
5306
|
+
{
|
|
5307
|
+
"name": "removeStopLabel",
|
|
5308
|
+
"type": "string",
|
|
5309
|
+
"required": false,
|
|
5310
|
+
"default": "\"Remove stop\""
|
|
5311
|
+
},
|
|
5312
|
+
{
|
|
5313
|
+
"name": "swatches",
|
|
5314
|
+
"type": "string[]",
|
|
5315
|
+
"required": false,
|
|
5316
|
+
"default": "[\"#ffffff\", \"#171717\", \"#f5f5f5\", \"#222530\", \"#000000\", \"#335cff\", \"#e1116f\"]"
|
|
5317
|
+
},
|
|
5318
|
+
{
|
|
5319
|
+
"name": "usedLabel",
|
|
5320
|
+
"type": "string",
|
|
5321
|
+
"required": false,
|
|
5322
|
+
"default": "\"Currently used\""
|
|
5323
|
+
}
|
|
5324
|
+
],
|
|
5325
|
+
"events": [
|
|
5326
|
+
{
|
|
5327
|
+
"name": "update:modelValue",
|
|
5328
|
+
"type": "[value: string]"
|
|
5329
|
+
}
|
|
5330
|
+
],
|
|
5331
|
+
"slots": [],
|
|
5332
|
+
"siblings": [
|
|
5333
|
+
"AlphaSlider",
|
|
5334
|
+
"ColorArea",
|
|
5335
|
+
"ColorPicker",
|
|
5336
|
+
"ColorSwatch",
|
|
5337
|
+
"HueSlider"
|
|
5338
|
+
],
|
|
5339
|
+
"story": "src/components/color-picker/stories/gradient-picker.stories.ts",
|
|
5340
|
+
"hasStory": true
|
|
5341
|
+
},
|
|
5194
5342
|
"HintText": {
|
|
5195
5343
|
"name": "HintText",
|
|
5196
5344
|
"group": "hint-text",
|
|
@@ -5260,7 +5408,8 @@
|
|
|
5260
5408
|
"AlphaSlider",
|
|
5261
5409
|
"ColorArea",
|
|
5262
5410
|
"ColorPicker",
|
|
5263
|
-
"ColorSwatch"
|
|
5411
|
+
"ColorSwatch",
|
|
5412
|
+
"GradientPicker"
|
|
5264
5413
|
],
|
|
5265
5414
|
"hasStory": false
|
|
5266
5415
|
},
|
|
@@ -12296,6 +12445,60 @@
|
|
|
12296
12445
|
],
|
|
12297
12446
|
"members": []
|
|
12298
12447
|
},
|
|
12448
|
+
"parseGradient": {
|
|
12449
|
+
"name": "parseGradient",
|
|
12450
|
+
"kind": "function",
|
|
12451
|
+
"file": "src/utils/gradient.ts",
|
|
12452
|
+
"import": "@youcan/celeste",
|
|
12453
|
+
"signatures": [
|
|
12454
|
+
"parseGradient(value?: string | null): Gradient | null"
|
|
12455
|
+
],
|
|
12456
|
+
"members": []
|
|
12457
|
+
},
|
|
12458
|
+
"stringifyGradient": {
|
|
12459
|
+
"name": "stringifyGradient",
|
|
12460
|
+
"kind": "function",
|
|
12461
|
+
"file": "src/utils/gradient.ts",
|
|
12462
|
+
"import": "@youcan/celeste",
|
|
12463
|
+
"signatures": [
|
|
12464
|
+
"stringifyGradient({ type, angle, shape, stops }: Gradient): string"
|
|
12465
|
+
],
|
|
12466
|
+
"members": []
|
|
12467
|
+
},
|
|
12468
|
+
"GradientType": {
|
|
12469
|
+
"name": "GradientType",
|
|
12470
|
+
"kind": "type",
|
|
12471
|
+
"file": "src/utils/gradient.ts",
|
|
12472
|
+
"import": "@youcan/celeste",
|
|
12473
|
+
"signatures": [
|
|
12474
|
+
"GradientType = GradientType"
|
|
12475
|
+
],
|
|
12476
|
+
"members": []
|
|
12477
|
+
},
|
|
12478
|
+
"GradientStop": {
|
|
12479
|
+
"name": "GradientStop",
|
|
12480
|
+
"kind": "type",
|
|
12481
|
+
"file": "src/utils/gradient.ts",
|
|
12482
|
+
"import": "@youcan/celeste",
|
|
12483
|
+
"signatures": [],
|
|
12484
|
+
"members": [
|
|
12485
|
+
"color: string",
|
|
12486
|
+
"position: number"
|
|
12487
|
+
]
|
|
12488
|
+
},
|
|
12489
|
+
"Gradient": {
|
|
12490
|
+
"name": "Gradient",
|
|
12491
|
+
"kind": "type",
|
|
12492
|
+
"file": "src/utils/gradient.ts",
|
|
12493
|
+
"import": "@youcan/celeste",
|
|
12494
|
+
"signatures": [],
|
|
12495
|
+
"members": [
|
|
12496
|
+
"type: GradientType",
|
|
12497
|
+
"angle: number",
|
|
12498
|
+
"shape?: string",
|
|
12499
|
+
"stops: GradientStop[]"
|
|
12500
|
+
]
|
|
12501
|
+
},
|
|
12299
12502
|
"ToastOptions": {
|
|
12300
12503
|
"name": "ToastOptions",
|
|
12301
12504
|
"kind": "type",
|
package/ai/icons.json
CHANGED