@14ch/svelte-ui 0.0.15 → 0.0.16
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/assets/styles/variables.scss +5 -7
- package/dist/components/Combobox.svelte +2 -2
- package/dist/components/IconButton.svelte +1 -1
- package/dist/components/Input.svelte +456 -234
- package/dist/components/Input.svelte.d.ts +16 -0
- package/dist/components/Textarea.svelte +234 -161
- package/dist/components/Textarea.svelte.d.ts +7 -3
- package/dist/components/skeleton/Skeleton.svelte +48 -6
- package/dist/i18n/index.d.ts +48 -0
- package/dist/i18n/locales/de.d.ts +8 -0
- package/dist/i18n/locales/de.js +10 -2
- package/dist/i18n/locales/en.d.ts +8 -0
- package/dist/i18n/locales/en.js +10 -2
- package/dist/i18n/locales/es.d.ts +8 -0
- package/dist/i18n/locales/es.js +10 -2
- package/dist/i18n/locales/fr.d.ts +8 -0
- package/dist/i18n/locales/fr.js +10 -2
- package/dist/i18n/locales/ja.d.ts +8 -0
- package/dist/i18n/locales/ja.js +10 -2
- package/dist/i18n/locales/zh-cn.d.ts +8 -0
- package/dist/i18n/locales/zh-cn.js +10 -2
- package/package.json +1 -1
|
@@ -163,14 +163,13 @@
|
|
|
163
163
|
--svelte-ui-surface-inverse-color: var(--base-800-transparent);
|
|
164
164
|
|
|
165
165
|
/* スケルトン色 */
|
|
166
|
-
--svelte-ui-skeleton-color: var(--base-
|
|
167
|
-
--svelte-ui-skeleton-shimmer-color: var(--white-300-transparent);
|
|
166
|
+
--svelte-ui-skeleton-color: var(--base-100-transparent);
|
|
168
167
|
|
|
169
168
|
/* UIカラー */
|
|
170
169
|
--svelte-ui-handle-color: #ffffff;
|
|
171
170
|
|
|
172
171
|
/* hover & select 効果 */
|
|
173
|
-
--svelte-ui-hover-overlay: var(--base-
|
|
172
|
+
--svelte-ui-hover-overlay: var(--base-100-transparent);
|
|
174
173
|
--svelte-ui-select-overlay: var(--primary-200-transparent);
|
|
175
174
|
|
|
176
175
|
/* ドロップダウンアイコン */
|
|
@@ -216,8 +215,7 @@
|
|
|
216
215
|
--svelte-ui-surface-inverse-color: var(--white-800-transparent);
|
|
217
216
|
|
|
218
217
|
/* スケルトン色 */
|
|
219
|
-
--svelte-ui-skeleton-color: var(--white-
|
|
220
|
-
--svelte-ui-skeleton-shimmer-color: var(--white-100-transparent);
|
|
218
|
+
--svelte-ui-skeleton-color: var(--white-100-transparent);
|
|
221
219
|
|
|
222
220
|
/* hover & select 効果 */
|
|
223
221
|
--svelte-ui-hover-overlay: var(--white-100-transparent);
|
|
@@ -527,7 +525,7 @@
|
|
|
527
525
|
--svelte-ui-combobox-no-options-color: var(--svelte-ui-text-subtle-color);
|
|
528
526
|
|
|
529
527
|
/* FileUploader */
|
|
530
|
-
--svelte-ui-file-uploader-border-width:
|
|
528
|
+
--svelte-ui-file-uploader-border-width: 1px;
|
|
531
529
|
--svelte-ui-file-uploader-border-style: dashed;
|
|
532
530
|
--svelte-ui-file-uploader-bg: var(--svelte-ui-form-bg);
|
|
533
531
|
--svelte-ui-file-uploader-border-color: var(--svelte-ui-border-color);
|
|
@@ -537,7 +535,7 @@
|
|
|
537
535
|
--svelte-ui-file-uploader-item-bg: var(--svelte-ui-form-bg);
|
|
538
536
|
|
|
539
537
|
/* ImageUploader */
|
|
540
|
-
--svelte-ui-image-uploader-border-width:
|
|
538
|
+
--svelte-ui-image-uploader-border-width: 1px;
|
|
541
539
|
--svelte-ui-image-uploader-border-style: dashed;
|
|
542
540
|
--svelte-ui-image-uploader-preview-border-radius: var(--svelte-ui-border-radius);
|
|
543
541
|
--svelte-ui-image-uploader-preview-border-radius-rounded: var(--svelte-ui-border-radius-rounded);
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
customStyle = '',
|
|
105
105
|
inline = false,
|
|
106
106
|
focusStyle = 'outline',
|
|
107
|
-
placeholder = '
|
|
107
|
+
placeholder = t('combobox.placeholder'),
|
|
108
108
|
fullWidth = false,
|
|
109
109
|
minWidth = inline ? null : 120,
|
|
110
110
|
maxWidth = null,
|
|
@@ -503,7 +503,7 @@
|
|
|
503
503
|
</button>
|
|
504
504
|
</div>
|
|
505
505
|
{:else}
|
|
506
|
-
<div class="combobox__no-options"
|
|
506
|
+
<div class="combobox__no-options">{t('combobox.noOptions')}</div>
|
|
507
507
|
{/each}
|
|
508
508
|
</div>
|
|
509
509
|
</Popup>
|