@youcan/celeste 0.10.4 → 0.11.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/component-registry.json +2 -2
- package/ai/component-registry.md +1 -1
- package/ai/icons.md +1 -1
- package/ai/tokens.md +12 -2
- package/dist/celeste.css +4 -3
- package/dist/cjs/chunks/text-input-affix.cjs +1 -1
- package/dist/es/chunks/text-input-affix.js +1 -1
- package/package.json +3 -3
- package/src/components/text-input/text-input-affix.vue +1 -0
package/ai/component-registry.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Celeste Component Registry
|
|
2
2
|
|
|
3
|
-
> Generated from source for `@youcan/celeste@0.
|
|
3
|
+
> Generated from source for `@youcan/celeste@0.11.0`. Do not edit.
|
|
4
4
|
> Regenerate with `pnpm --filter @youcan/celeste codegen:registry`.
|
|
5
5
|
|
|
6
6
|
Every component below is imported from `@youcan/celeste`:
|
package/ai/icons.md
CHANGED
package/ai/tokens.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
# Celeste Design Tokens
|
|
2
2
|
|
|
3
|
-
> Generated from `@youcan/celeste-tokens@0.
|
|
3
|
+
> Generated from `@youcan/celeste-tokens@0.11.0`. Do not edit.
|
|
4
4
|
|
|
5
|
-
**
|
|
5
|
+
**352 tokens.** Use them as CSS custom properties: `var(--color-text-sub-600)`.
|
|
6
6
|
|
|
7
7
|
**70 are semantic** — they change automatically under `[data-theme="dark"]`.
|
|
8
8
|
Always prefer a semantic token over the primitive it resolves to: `--color-text-sub-600`
|
|
@@ -23,6 +23,16 @@ to follow the OS. Never hard-code a dark colour.
|
|
|
23
23
|
|
|
24
24
|
---
|
|
25
25
|
|
|
26
|
+
## breakpoint
|
|
27
|
+
|
|
28
|
+
- `--breakpoint-2xl`: 1536px
|
|
29
|
+
- `--breakpoint-lg`: 1024px
|
|
30
|
+
- `--breakpoint-md`: 768px
|
|
31
|
+
- `--breakpoint-sm`: 640px
|
|
32
|
+
- `--breakpoint-xl`: 1280px
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
26
36
|
## color
|
|
27
37
|
|
|
28
38
|
### Semantic — prefer these
|
package/dist/celeste.css
CHANGED
|
@@ -2326,16 +2326,17 @@ to {
|
|
|
2326
2326
|
.celeste-select-icon[data-v-c6783f07] > :where(i, svg, img) {
|
|
2327
2327
|
width: 100%;
|
|
2328
2328
|
height: 100%;
|
|
2329
|
-
}.celeste-text-input-affix[data-v-
|
|
2329
|
+
}.celeste-text-input-affix[data-v-a6d421c4] {
|
|
2330
2330
|
display: flex;
|
|
2331
|
+
flex-shrink: 0;
|
|
2331
2332
|
align-items: center;
|
|
2332
2333
|
color: var(--celeste-text-input-affix-color);
|
|
2333
2334
|
}
|
|
2334
|
-
.celeste-text-input-affix[inline=false][data-v-
|
|
2335
|
+
.celeste-text-input-affix[inline=false][data-v-a6d421c4] {
|
|
2335
2336
|
padding-inline: var(--spacing-10);
|
|
2336
2337
|
background-color: var(--celeste-text-input-affix-background-color);
|
|
2337
2338
|
}
|
|
2338
|
-
.celeste-text-input-affix[askbd=true][data-v-
|
|
2339
|
+
.celeste-text-input-affix[askbd=true][data-v-a6d421c4] {
|
|
2339
2340
|
width: -moz-fit-content;
|
|
2340
2341
|
width: fit-content;
|
|
2341
2342
|
height: -moz-fit-content;
|
|
@@ -26,7 +26,7 @@ var text_input_affix_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
26
26
|
});
|
|
27
27
|
//#endregion
|
|
28
28
|
//#region src/components/text-input/text-input-affix.vue
|
|
29
|
-
var text_input_affix_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_affix_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-
|
|
29
|
+
var text_input_affix_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_affix_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a6d421c4"]]);
|
|
30
30
|
//#endregion
|
|
31
31
|
Object.defineProperty(exports, "text_input_affix_default", {
|
|
32
32
|
enumerable: true,
|
|
@@ -24,6 +24,6 @@ var text_input_affix_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
|
|
|
24
24
|
return openBlock(), createElementBlock("span", mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-text-input-affix", props.class) }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
}), [["__scopeId", "data-v-
|
|
27
|
+
}), [["__scopeId", "data-v-a6d421c4"]]);
|
|
28
28
|
//#endregion
|
|
29
29
|
export { text_input_affix_default as t };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@youcan/celeste",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.11.0",
|
|
5
5
|
"author": "YouCan <tech@youcan.shop>",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"reka-ui": "^2.10.1",
|
|
53
53
|
"tinycolor2": "^1.6.0",
|
|
54
54
|
"vue-sonner": "^2.0.9",
|
|
55
|
-
"@youcan/celeste-icons": "0.
|
|
56
|
-
"@youcan/celeste-tokens": "0.
|
|
55
|
+
"@youcan/celeste-icons": "0.11.0",
|
|
56
|
+
"@youcan/celeste-tokens": "0.11.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@chromatic-com/storybook": "^5.3.0",
|