adata-ui 2.1.41-beta.8 → 2.1.41-beta.9

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.
Files changed (6) hide show
  1. package/components/elements/step-slider/AStepSliderColCard.vue +7 -11
  2. package/icons/ai/ai-diamond-unfilled.vue +26 -0
  3. package/icons/ai/ai-diamond.vue +11 -0
  4. package/icons/list-checks.vue +3 -0
  5. package/icons/shuffle.vue +3 -0
  6. package/package.json +1 -1
package/components/elements/step-slider/AStepSliderColCard.vue CHANGED
@@ -110,10 +110,6 @@ watch(() => [props.interval, props.autoplay, props.steps.length], () => {
110
110
  </script>
111
111
 
112
112
  <template>
113
- <!-- eslint-disable tailwindcss/no-unnecessary-arbitrary-value --
114
- Размеры и типографика скопированы из макета литералами (см. предупреждения
115
- правила). Токены здесь не использовать: подсказка leading-1.4 в v4 значит
116
- 0.35rem, а не line-height 1.4. -->
117
113
  <div
118
114
  class="grid grid-cols-1 gap-8"
119
115
  :class="colsClass"
@@ -136,19 +132,19 @@ watch(() => [props.interval, props.autoplay, props.steps.length], () => {
136
132
  :class="expandable ? 'items-center' : 'items-start'"
137
133
  >
138
134
  <span
139
- class="flex size-10 shrink-0 items-center justify-center rounded-[12px]"
140
- :class="step.iconBg || 'bg-brand-subtle'"
135
+ class="flex size-11 shrink-0 items-center justify-center rounded-lg transition-colors duration-300"
136
+ :class="step.iconBg || (i === active ? 'bg-brand' : 'bg-brand-subtle')"
141
137
  >
142
138
  <component
143
139
  :is="step.icon"
144
140
  v-if="step.icon"
145
- class="size-5"
146
- :class="step.iconColor || 'text-brand'"
141
+ class="size-5 transition-colors duration-300"
142
+ :class="step.iconColor || (i === active ? 'text-icon-on-brand' : 'text-icon-brand')"
147
143
  />
148
144
  </span>
149
145
  <div class="min-w-0 flex-1">
150
146
  <p
151
- class="block text-[14px] font-bold transition-colors"
147
+ class="block text-h5 transition-colors"
152
148
  :class="i === active ? 'text-primary' : 'text-quaternary'"
153
149
  >
154
150
  {{ step.title }}
@@ -156,7 +152,7 @@ watch(() => [props.interval, props.autoplay, props.steps.length], () => {
156
152
 
157
153
  <div v-if="!expandable">
158
154
  <p
159
- class="mt-0.5 block text-[12px] leading-[1.4] transition-colors"
155
+ class="mt-0.5 block text-body-md transition-colors"
160
156
  :class="i === active ? 'text-quaternary' : 'text-secondary'"
161
157
  >
162
158
  {{ step.description }}
@@ -188,7 +184,7 @@ watch(() => [props.interval, props.autoplay, props.steps.length], () => {
188
184
  : 'grid-rows-[0fr] opacity-0'"
189
185
  >
190
186
  <div class="overflow-hidden">
191
- <p class="text-body-sm text-quaternary">
187
+ <p class="text-body-md text-quaternary">
192
188
  {{ step.description }}
193
189
  </p>
194
190
  <div
package/icons/ai/ai-diamond-unfilled.vue ADDED
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <svg
3
+ width="20"
4
+ height="20"
5
+ viewBox="0 0 20 20"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <g clip-path="url(#clip0_29288_75589)">
10
+ <path
11
+ d="M8.28086 12.9167C8.20647 12.6283 8.05615 12.3651 7.84555 12.1545C7.63494 11.9439 7.37176 11.7936 7.08336 11.7192L1.97086 10.4009C1.88364 10.3761 1.80687 10.3236 1.75221 10.2512C1.69754 10.1789 1.66797 10.0907 1.66797 10C1.66797 9.90938 1.69754 9.82118 1.75221 9.74884C1.80687 9.6765 1.88364 9.62397 1.97086 9.59921L7.08336 8.28005C7.37166 8.20572 7.63477 8.05552 7.84537 7.84508C8.05596 7.63463 8.20634 7.37162 8.28086 7.08338L9.5992 1.97088C9.6237 1.88331 9.67618 1.80616 9.74863 1.75121C9.82108 1.69625 9.90951 1.6665 10.0004 1.6665C10.0914 1.6665 10.1798 1.69625 10.2523 1.75121C10.3247 1.80616 10.3772 1.88331 10.4017 1.97088L11.7192 7.08338C11.7936 7.37177 11.9439 7.63496 12.1545 7.84556C12.3651 8.05616 12.6283 8.20648 12.9167 8.28088L18.0292 9.59921C18.1164 9.62397 18.1932 9.6765 18.2479 9.74884C18.3025 9.82118 18.3321 9.90938 18.3321 10C18.3321 10.0907 18.3025 10.1789 18.2479 10.2512C18.1932 10.3236 18.1164 10.3761 18.0292 10.4009L12.9167 11.7192C12.6283 11.7936 12.3651 11.9439 12.1545 12.1545C11.9439 12.3651 11.7936 12.6283 11.7192 12.9167L10.4009 18.0292C10.3764 18.1168 10.3239 18.1939 10.2514 18.2489C10.179 18.3038 10.0905 18.3336 9.99961 18.3336C9.90868 18.3336 9.82025 18.3038 9.7478 18.2489C9.67535 18.1939 9.62287 18.1168 9.59836 18.0292L8.28086 12.9167Z"
12
+ stroke="currentColor"
13
+ stroke-width="1.5"
14
+ />
15
+ </g>
16
+ <defs>
17
+ <clipPath id="clip0_29288_75589">
18
+ <rect
19
+ width="20"
20
+ height="20"
21
+ fill="currentColor"
22
+ />
23
+ </clipPath>
24
+ </defs>
25
+ </svg>
26
+ </template>
package/icons/ai/ai-diamond.vue ADDED
@@ -0,0 +1,11 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path d="M6.6243 10.3332C6.56478 10.1025 6.44453 9.89191 6.27605 9.72343C6.10756 9.55495 5.89702 9.43469 5.6663 9.37517L1.5763 8.32051C1.50652 8.3007 1.44511 8.25868 1.40138 8.2008C1.35765 8.14293 1.33398 8.07238 1.33398 7.99984C1.33398 7.9273 1.35765 7.85675 1.40138 7.79888C1.44511 7.74101 1.50652 7.69898 1.5763 7.67917L5.6663 6.62384C5.89693 6.56438 6.10743 6.44422 6.2759 6.27587C6.44438 6.10751 6.56468 5.8971 6.6243 5.66651L7.67897 1.57651C7.69857 1.50645 7.74056 1.44474 7.79851 1.40077C7.85647 1.35681 7.92722 1.33301 7.99997 1.33301C8.07271 1.33301 8.14346 1.35681 8.20142 1.40077C8.25938 1.44474 8.30136 1.50645 8.32097 1.57651L9.37497 5.66651C9.43449 5.89722 9.55474 6.10777 9.72322 6.27625C9.8917 6.44473 10.1023 6.56499 10.333 6.62451L14.423 7.67917C14.4927 7.69898 14.5542 7.74101 14.5979 7.79888C14.6416 7.85675 14.6653 7.9273 14.6653 7.99984C14.6653 8.07238 14.6416 8.14293 14.5979 8.2008C14.5542 8.25868 14.4927 8.3007 14.423 8.32051L10.333 9.37517C10.1023 9.43469 9.8917 9.55495 9.72322 9.72343C9.55474 9.89191 9.43449 10.1025 9.37497 10.3332L8.3203 14.4232C8.3007 14.4932 8.25871 14.5549 8.20075 14.5989C8.1428 14.6429 8.07205 14.6667 7.9993 14.6667C7.92655 14.6667 7.85581 14.6429 7.79785 14.5989C7.73989 14.5549 7.69791 14.4932 7.6783 14.4232L6.6243 10.3332Z" fill="currentColor" />
10
+ </svg>
11
+ </template>
package/icons/list-checks.vue ADDED
@@ -0,0 +1,3 @@
1
+ <template>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks-icon lucide-list-checks"><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/></svg>
3
+ </template>
package/icons/shuffle.vue ADDED
@@ -0,0 +1,3 @@
1
+ <template>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle-icon lucide-shuffle"><path d="m18 14 4 4-4 4"/><path d="m18 2 4 4-4 4"/><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"/><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"/><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"/></svg>
3
+ </template>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "adata-ui",
3
3
  "type": "module",
4
- "version": "2.1.41-beta.8",
4
+ "version": "2.1.41-beta.9",
5
5
  "main": "./nuxt.config.ts",
6
6
  "scripts": {
7
7
  "dev": "nuxi dev .playground",