@youcan/celeste 0.6.52 → 0.6.53

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/celeste.css CHANGED
@@ -3496,26 +3496,31 @@ to {
3496
3496
  color: var(--color-icon-disabled-300);
3497
3497
  }[data-v-3405639f] {
3498
3498
  box-sizing: border-box;
3499
- }.celeste-hint-text[data-v-37aef9f7] {
3499
+ }.celeste-hint-text[data-v-0fde56ef] {
3500
3500
  display: flex;
3501
- align-items: center;
3501
+ align-items: start;
3502
3502
  gap: var(--spacing-4);
3503
3503
  color: var(--color-text-sub-600);
3504
3504
  font: var(--paragraph-xs);
3505
3505
  }
3506
- .celeste-hint-text i[data-v-37aef9f7] {
3506
+ .celeste-hint-text i[data-v-0fde56ef] {
3507
+ flex-shrink: 0;
3507
3508
  color: var(--color-icon-soft-400);
3508
3509
  }
3509
- .celeste-hint-text-disabled[data-v-37aef9f7] {
3510
+ .celeste-hint-text p[data-v-0fde56ef] {
3511
+ max-width: 65ch;
3512
+ margin: 0;
3513
+ }
3514
+ .celeste-hint-text-disabled[data-v-0fde56ef] {
3510
3515
  color: var(--color-text-disabled-300);
3511
3516
  }
3512
- .celeste-hint-text-disabled i[data-v-37aef9f7] {
3517
+ .celeste-hint-text-disabled i[data-v-0fde56ef] {
3513
3518
  color: var(--color-icon-disabled-300);
3514
3519
  }
3515
- .celeste-hint-text-error[data-v-37aef9f7] {
3520
+ .celeste-hint-text-error[data-v-0fde56ef] {
3516
3521
  color: var(--color-state-error-base);
3517
3522
  }
3518
- .celeste-hint-text-error i[data-v-37aef9f7] {
3523
+ .celeste-hint-text-error i[data-v-0fde56ef] {
3519
3524
  color: var(--color-state-error-base);
3520
3525
  }[data-v-0dc4a40e] .celeste-tooltip-content {
3521
3526
  display: flex;
@@ -32,5 +32,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
32
32
  };
33
33
  }
34
34
  });
35
- const hintText = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-37aef9f7"]]);
35
+ const hintText = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0fde56ef"]]);
36
36
  module.exports = hintText;
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31
31
  };
32
32
  }
33
33
  });
34
- const hintText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37aef9f7"]]);
34
+ const hintText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fde56ef"]]);
35
35
  export {
36
36
  hintText as default
37
37
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@youcan/celeste",
3
3
  "type": "module",
4
- "version": "0.6.52",
4
+ "version": "0.6.53",
5
5
  "author": "YouCan <tech@youcan.shop>",
6
6
  "keywords": [
7
7
  "youcan",
@@ -44,8 +44,8 @@
44
44
  "radix-vue": "^1.9.12",
45
45
  "tinycolor2": "^1.6.0",
46
46
  "vue-sonner": "^2.0.2",
47
- "@youcan/celeste-icons": "0.6.52",
48
- "@youcan/celeste-tokens": "0.6.52"
47
+ "@youcan/celeste-icons": "0.6.53",
48
+ "@youcan/celeste-tokens": "0.6.53"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@chromatic-com/storybook": "^4.0.0",
@@ -35,15 +35,21 @@ export interface HintTextProps {
35
35
  <style lang="scss" scoped>
36
36
  .celeste-hint-text {
37
37
  display: flex;
38
- align-items: center;
38
+ align-items: start;
39
39
  gap: var(--spacing-4);
40
40
  color: var(--color-text-sub-600);
41
41
  font: var(--paragraph-xs);
42
42
 
43
43
  i {
44
+ flex-shrink: 0;
44
45
  color: var(--color-icon-soft-400);
45
46
  }
46
47
 
48
+ p {
49
+ max-width: 65ch;
50
+ margin: 0;
51
+ }
52
+
47
53
  &-disabled {
48
54
  color: var(--color-text-disabled-300);
49
55