@varlet/ui 3.19.2 → 3.20.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.
@@ -3,5 +3,5 @@ import '../../icon/icon.css'
3
3
  import '../../ripple/ripple.css'
4
4
  import '../../popup/popup.css'
5
5
  import '../actionSheet.css'
6
- import '../ActionItemSfc.css'
7
6
  import '../ActionSheetSfc.css'
7
+ import '../ActionItemSfc.css'
@@ -27,6 +27,7 @@ function __render__(_ctx, _cache) {
27
27
  [_ctx.states.text, `${_ctx.n("--text")} ${_ctx.n(`--text-${_ctx.states.type}`)}`],
28
28
  [_ctx.states.iconContainer, _ctx.n(`--icon-container-${_ctx.states.type}`)],
29
29
  [_ctx.states.filledDefault, _ctx.n("--filled-default")],
30
+ [_ctx.states.elevationDisabled, _ctx.n("--elevation-disabled")],
30
31
  [_ctx.round, _ctx.n("--round")],
31
32
  [_ctx.fab, _ctx.n("--fab")],
32
33
  [_ctx.states.outline, _ctx.n("--outline")],
@@ -101,7 +102,8 @@ const __sfc__ = defineComponent({
101
102
  textColor: props2.textColor,
102
103
  outline: props2.outline,
103
104
  iconContainer: props2.tonal || props2.iconContainer,
104
- filledDefault: (props2.type == null || props2.type === "default") && isFilledElevation(props2.elevation) && !props2.text && !props2.outline && !props2.tonal && !props2.iconContainer
105
+ elevationDisabled: props2.tonal || props2.elevation === false || toNumber(props2.elevation) === 0,
106
+ filledDefault: (props2.type == null || props2.type === "default") && (props2.elevation === false || toNumber(props2.elevation) === 0) && !props2.text && !props2.outline && !props2.tonal && !props2.iconContainer
105
107
  };
106
108
  }
107
109
  const { type, size, color, textColor, mode, elevation } = buttonGroup;
@@ -114,7 +116,8 @@ const __sfc__ = defineComponent({
114
116
  text: mode.value === "text" || mode.value === "outline",
115
117
  outline: mode.value === "outline",
116
118
  iconContainer: mode.value === "tonal" || mode.value === "icon-container",
117
- filledDefault: mode.value === "normal" && ((_g = props2.type) != null ? _g : type.value) === "default" && isFilledElevation(elevation.value)
119
+ elevationDisabled: mode.value === "tonal",
120
+ filledDefault: mode.value === "normal" && ((_g = props2.type) != null ? _g : type.value) === "default" && (elevation.value === false || toNumber(elevation.value) === 0)
118
121
  };
119
122
  });
120
123
  function attemptAutoLoading(result) {
@@ -147,9 +150,6 @@ const __sfc__ = defineComponent({
147
150
  }
148
151
  isFocusing.value = true;
149
152
  }
150
- function isFilledElevation(elevation) {
151
- return elevation === false || toNumber(elevation) === 0;
152
- }
153
153
  return {
154
154
  pending,
155
155
  states,
@@ -1 +1 @@
1
- :root { --button-default-text-color: #555; --button-primary-text-color: var(--color-on-primary); --button-danger-text-color: var(--color-on-danger); --button-success-text-color: var(--color-on-success); --button-warning-text-color: var(--color-on-warning); --button-info-text-color: var(--color-on-info); --button-default-color: #f5f5f5; --button-default-filled-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-default-icon-color: #555; --button-primary-icon-color: var(--color-on-primary-container); --button-danger-icon-color: var(--color-on-danger-container); --button-success-icon-color: var(--color-on-success-container); --button-warning-icon-color: var(--color-on-warning-container); --button-info-icon-color: var(--color-on-info-container); --button-default-icon-container-color: #f5f5f5; --button-primary-icon-container-color: var(--color-primary-container); --button-danger-icon-container-color: var(--color-danger-container); --button-success-icon-container-color: var(--color-success-container); --button-warning-icon-container-color: var(--color-warning-container); --button-info-icon-container-color: var(--color-info-container); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 8px; --button-small-padding: 0 12px; --button-normal-padding: 0 16px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-fab-size: 56px; --button-fab-border-radius: 16px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px; --button-mini-font-size: var(--font-size-xs); --button-small-font-size: var(--font-size-sm); --button-normal-font-size: var(--font-size-md); --button-large-font-size: var(--font-size-lg);}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s, border-radius 0.2s; will-change: box-shadow; -webkit-tap-highlight-color: transparent; white-space: nowrap;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__content { display: flex; align-items: center; flex-wrap: wrap;}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: var(--button-default-text-color); background-color: var(--button-default-color);}.var-button--filled-default { background-color: var(--button-default-filled-color);}.var-button--primary { color: var(--button-primary-text-color); background-color: var(--button-primary-color);}.var-button--info { color: var(--button-info-text-color); background-color: var(--button-info-color);}.var-button--success { color: var(--button-success-text-color); background-color: var(--button-success-color);}.var-button--warning { color: var(--button-warning-text-color); background-color: var(--button-warning-color);}.var-button--danger { color: var(--button-danger-text-color); background-color: var(--button-danger-color);}.var-button--loading { cursor: wait;}.var-button--block { width: 100%;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--icon-container-default { color: var(--button-default-icon-color); background-color: var(--button-default-icon-container-color);}.var-button--icon-container-primary { color: var(--button-primary-icon-color); background-color: var(--button-primary-icon-container-color);}.var-button--icon-container-info { color: var(--button-info-icon-color); background-color: var(--button-info-icon-container-color);}.var-button--icon-container-success { color: var(--button-success-icon-color); background-color: var(--button-success-icon-container-color);}.var-button--icon-container-warning { color: var(--button-warning-icon-color); background-color: var(--button-warning-icon-container-color);}.var-button--icon-container-danger { color: var(--button-danger-icon-color); background-color: var(--button-danger-icon-container-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--button-normal-font-size);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--button-large-font-size);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--button-small-font-size);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--button-mini-font-size);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--fab { width: var(--button-fab-size); height: var(--button-fab-size); padding: 0; border-radius: var(--button-fab-border-radius);}.var-button--round.var-button--fab { border-radius: 50%;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}
1
+ :root { --button-default-text-color: #555; --button-primary-text-color: var(--color-on-primary); --button-danger-text-color: var(--color-on-danger); --button-success-text-color: var(--color-on-success); --button-warning-text-color: var(--color-on-warning); --button-info-text-color: var(--color-on-info); --button-default-color: #f5f5f5; --button-default-filled-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-default-icon-color: #555; --button-primary-icon-color: var(--color-on-primary-container); --button-danger-icon-color: var(--color-on-danger-container); --button-success-icon-color: var(--color-on-success-container); --button-warning-icon-color: var(--color-on-warning-container); --button-info-icon-color: var(--color-on-info-container); --button-default-icon-container-color: #f5f5f5; --button-primary-icon-container-color: var(--color-primary-container); --button-danger-icon-container-color: var(--color-danger-container); --button-success-icon-container-color: var(--color-success-container); --button-warning-icon-container-color: var(--color-warning-container); --button-info-icon-container-color: var(--color-info-container); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 8px; --button-small-padding: 0 12px; --button-normal-padding: 0 16px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-fab-size: 56px; --button-fab-border-radius: 16px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px; --button-mini-font-size: var(--font-size-xs); --button-small-font-size: var(--font-size-sm); --button-normal-font-size: var(--font-size-md); --button-large-font-size: var(--font-size-lg);}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s, border-radius 0.2s; will-change: box-shadow; -webkit-tap-highlight-color: transparent; white-space: nowrap;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__content { display: flex; align-items: center; flex-wrap: wrap;}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: var(--button-default-text-color); background-color: var(--button-default-color);}.var-button--filled-default { background-color: var(--button-default-filled-color);}.var-button--primary { color: var(--button-primary-text-color); background-color: var(--button-primary-color);}.var-button--info { color: var(--button-info-text-color); background-color: var(--button-info-color);}.var-button--success { color: var(--button-success-text-color); background-color: var(--button-success-color);}.var-button--warning { color: var(--button-warning-text-color); background-color: var(--button-warning-color);}.var-button--danger { color: var(--button-danger-text-color); background-color: var(--button-danger-color);}.var-button--loading { cursor: wait;}.var-button--block { width: 100%;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--icon-container-default { color: var(--button-default-icon-color); background-color: var(--button-default-icon-container-color);}.var-button--icon-container-primary { color: var(--button-primary-icon-color); background-color: var(--button-primary-icon-container-color);}.var-button--icon-container-info { color: var(--button-info-icon-color); background-color: var(--button-info-icon-container-color);}.var-button--icon-container-success { color: var(--button-success-icon-color); background-color: var(--button-success-icon-container-color);}.var-button--icon-container-warning { color: var(--button-warning-icon-color); background-color: var(--button-warning-icon-container-color);}.var-button--icon-container-danger { color: var(--button-danger-icon-color); background-color: var(--button-danger-icon-container-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--button-normal-font-size);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--button-large-font-size);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--button-small-font-size);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--button-mini-font-size);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--fab { width: var(--button-fab-size); height: var(--button-fab-size); padding: 0; border-radius: var(--button-fab-border-radius);}.var-button--round.var-button--fab { border-radius: 50%;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--elevation-disabled:active { box-shadow: none;}
@@ -341,6 +341,7 @@ function __render__(_ctx, _cache) {
341
341
  size: _ctx.pageSize,
342
342
  total: _ctx.paginationTotal,
343
343
  simple: _ctx.paginationProps.simple,
344
+ elevation: _ctx.paginationProps.elevation,
344
345
  disabled: _ctx.paginationProps.disabled,
345
346
  "show-size-changer": _ctx.paginationProps.showSizeChanger,
346
347
  "show-quick-jumper": _ctx.paginationProps.showQuickJumper,
@@ -348,7 +349,7 @@ function __render__(_ctx, _cache) {
348
349
  "size-option": _ctx.paginationProps.sizeOption,
349
350
  "show-total": _ctx.paginationProps.showTotal,
350
351
  onChange: _ctx.handlePaginationChange
351
- }, null, 8, ["current", "size", "total", "simple", "disabled", "show-size-changer", "show-quick-jumper", "max-pager-count", "size-option", "show-total", "onChange"])
352
+ }, null, 8, ["current", "size", "total", "simple", "elevation", "disabled", "show-size-changer", "show-quick-jumper", "max-pager-count", "size-option", "show-total", "onChange"])
352
353
  ],
353
354
  2
354
355
  /* CLASS */
@@ -442,6 +443,7 @@ const __sfc__ = defineComponent({
442
443
  pagination: () => props2.pagination,
443
444
  remote: () => props2.remote,
444
445
  loading: () => props2.loading,
446
+ plain: () => props2.plain,
445
447
  page: () => page.value,
446
448
  pageSize: () => pageSize.value,
447
449
  total: () => props2.total,
@@ -21,6 +21,7 @@ import { call, clamp, isBoolean } from "@varlet/shared";
21
21
  import { computed, watch } from "vue";
22
22
  const defaultPaginationOptions = {
23
23
  simple: false,
24
+ elevation: true,
24
25
  disabled: false,
25
26
  showSizeChanger: false,
26
27
  showQuickJumper: false,
@@ -32,6 +33,7 @@ function usePagination({
32
33
  pagination,
33
34
  remote,
34
35
  loading,
36
+ plain,
35
37
  page,
36
38
  pageSize,
37
39
  total,
@@ -39,13 +41,16 @@ function usePagination({
39
41
  onUpdatePage
40
42
  }) {
41
43
  const paginationProps = computed(() => {
44
+ var _a;
42
45
  const resolvedPagination = pagination();
43
46
  if (isBoolean(resolvedPagination)) {
44
47
  return __spreadProps(__spreadValues({}, defaultPaginationOptions), {
48
+ elevation: plain() ? 1 : true,
45
49
  disabled: loading()
46
50
  });
47
51
  }
48
52
  return __spreadProps(__spreadValues(__spreadValues({}, defaultPaginationOptions), resolvedPagination), {
53
+ elevation: (_a = resolvedPagination.elevation) != null ? _a : plain() ? 1 : true,
49
54
  disabled: loading() || resolvedPagination.disabled === true
50
55
  });
51
56
  });
@@ -77,6 +77,7 @@ import Row from './row/index.mjs'
77
77
  import SegmentedButton from './segmented-button/index.mjs'
78
78
  import SegmentedButtons from './segmented-buttons/index.mjs'
79
79
  import Select from './select/index.mjs'
80
+ import ShimmerText from './shimmer-text/index.mjs'
80
81
  import Signature from './signature/index.mjs'
81
82
  import Skeleton from './skeleton/index.mjs'
82
83
  import Slider from './slider/index.mjs'
@@ -180,6 +181,7 @@ export * from './row/index.mjs'
180
181
  export * from './segmented-button/index.mjs'
181
182
  export * from './segmented-buttons/index.mjs'
182
183
  export * from './select/index.mjs'
184
+ export * from './shimmer-text/index.mjs'
183
185
  export * from './signature/index.mjs'
184
186
  export * from './skeleton/index.mjs'
185
187
  export * from './slider/index.mjs'
@@ -283,6 +285,7 @@ import './row/style/index.mjs'
283
285
  import './segmented-button/style/index.mjs'
284
286
  import './segmented-buttons/style/index.mjs'
285
287
  import './select/style/index.mjs'
288
+ import './shimmer-text/style/index.mjs'
286
289
  import './signature/style/index.mjs'
287
290
  import './skeleton/style/index.mjs'
288
291
  import './slider/style/index.mjs'
@@ -307,7 +310,7 @@ import './tree-menu/style/index.mjs'
307
310
  import './uploader/style/index.mjs'
308
311
  import './watermark/style/index.mjs'
309
312
 
310
- const version = '3.19.2'
313
+ const version = '3.20.0'
311
314
 
312
315
  function install(app) {
313
316
  ActionSheet.install && app.use(ActionSheet)
@@ -389,6 +392,7 @@ function install(app) {
389
392
  SegmentedButton.install && app.use(SegmentedButton)
390
393
  SegmentedButtons.install && app.use(SegmentedButtons)
391
394
  Select.install && app.use(Select)
395
+ ShimmerText.install && app.use(ShimmerText)
392
396
  Signature.install && app.use(Signature)
393
397
  Skeleton.install && app.use(Skeleton)
394
398
  Slider.install && app.use(Slider)
@@ -496,6 +500,7 @@ export {
496
500
  SegmentedButton,
497
501
  SegmentedButtons,
498
502
  Select,
503
+ ShimmerText,
499
504
  Signature,
500
505
  Skeleton,
501
506
  Slider,
@@ -603,6 +608,7 @@ export default {
603
608
  SegmentedButton,
604
609
  SegmentedButtons,
605
610
  Select,
611
+ ShimmerText,
606
612
  Signature,
607
613
  Skeleton,
608
614
  Slider,
package/es/index.mjs CHANGED
@@ -77,6 +77,7 @@ import Row from './row/index.mjs'
77
77
  import SegmentedButton from './segmented-button/index.mjs'
78
78
  import SegmentedButtons from './segmented-buttons/index.mjs'
79
79
  import Select from './select/index.mjs'
80
+ import ShimmerText from './shimmer-text/index.mjs'
80
81
  import Signature from './signature/index.mjs'
81
82
  import Skeleton from './skeleton/index.mjs'
82
83
  import Slider from './slider/index.mjs'
@@ -180,6 +181,7 @@ export * from './row/index.mjs'
180
181
  export * from './segmented-button/index.mjs'
181
182
  export * from './segmented-buttons/index.mjs'
182
183
  export * from './select/index.mjs'
184
+ export * from './shimmer-text/index.mjs'
183
185
  export * from './signature/index.mjs'
184
186
  export * from './skeleton/index.mjs'
185
187
  export * from './slider/index.mjs'
@@ -204,7 +206,7 @@ export * from './tree-menu/index.mjs'
204
206
  export * from './uploader/index.mjs'
205
207
  export * from './watermark/index.mjs'
206
208
 
207
- const version = '3.19.2'
209
+ const version = '3.20.0'
208
210
 
209
211
  function install(app) {
210
212
  ActionSheet.install && app.use(ActionSheet)
@@ -286,6 +288,7 @@ function install(app) {
286
288
  SegmentedButton.install && app.use(SegmentedButton)
287
289
  SegmentedButtons.install && app.use(SegmentedButtons)
288
290
  Select.install && app.use(Select)
291
+ ShimmerText.install && app.use(ShimmerText)
289
292
  Signature.install && app.use(Signature)
290
293
  Skeleton.install && app.use(Skeleton)
291
294
  Slider.install && app.use(Slider)
@@ -393,6 +396,7 @@ export {
393
396
  SegmentedButton,
394
397
  SegmentedButtons,
395
398
  Select,
399
+ ShimmerText,
396
400
  Signature,
397
401
  Skeleton,
398
402
  Slider,
@@ -500,6 +504,7 @@ export default {
500
504
  SegmentedButton,
501
505
  SegmentedButtons,
502
506
  Select,
507
+ ShimmerText,
503
508
  Signature,
504
509
  Skeleton,
505
510
  Slider,
@@ -1 +1 @@
1
- :root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 10px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 4px; --pagination-quick-jumper-margin: 0 10px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent; border-radius: var(--pagination-item-simple-border-radius);}.var-pagination__item--disabled { cursor: not-allowed !important; color: var(--pagination-disabled-color); background-color: unset; box-shadow: none !important;}.var-pagination__item--disabled:hover { background-color: unset;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover { background-color: var(--pagination-bg-disabled-color);}.var-pagination__prev { margin-left: 0;}.var-pagination__next:last-child { margin-right: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; height: var(--pagination-item-height); line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin); padding: var(--pagination-size-padding); cursor: pointer;}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: inherit;}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-field-decorator__middle,.var-pagination__simple [var-pagination-cover] .var-field-decorator__middle { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center; font-weight: normal; font-size: var(--pagination-font-size); padding-top: 1px;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-quick-jumper-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}
1
+ :root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 10px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 4px; --pagination-quick-jumper-margin: 0 10px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; position: relative; isolation: isolate; overflow: hidden; transition: color 0.25s, background-color 0.25s, box-shadow 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; background-color: var(--pagination-hover-bg-color); transition: opacity 0.25s;}.var-pagination__item:hover::before { opacity: 1;}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--active:hover::before { opacity: 0;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent; border-radius: var(--pagination-item-simple-border-radius);}.var-pagination__item--disabled { cursor: not-allowed !important; color: var(--pagination-disabled-color); background-color: unset; box-shadow: none !important;}.var-pagination__item--disabled:hover::before { opacity: 0;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover::before { opacity: 0;}.var-pagination__prev { margin-left: 0;}.var-pagination__next:last-child { margin-right: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; height: var(--pagination-item-height); line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin); padding: var(--pagination-size-padding); cursor: pointer;}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: inherit;}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-field-decorator__middle,.var-pagination__simple [var-pagination-cover] .var-field-decorator__middle { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center; font-weight: normal; font-size: var(--pagination-font-size); padding-top: 1px;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-quick-jumper-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}
@@ -0,0 +1,33 @@
1
+ import { defineComponent } from "vue";
2
+ import { createNamespace } from "../utils/components.mjs";
3
+ import { props } from "./props.mjs";
4
+ const { name, n, classes } = createNamespace("shimmer-text");
5
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
6
+ function __render__(_ctx, _cache) {
7
+ return _openBlock(), _createElementBlock(
8
+ "span",
9
+ {
10
+ class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.type}`)))
11
+ },
12
+ [
13
+ _renderSlot(_ctx.$slots, "default")
14
+ ],
15
+ 2
16
+ /* CLASS */
17
+ );
18
+ }
19
+ const __sfc__ = defineComponent({
20
+ name,
21
+ props,
22
+ setup() {
23
+ return {
24
+ n,
25
+ classes
26
+ };
27
+ }
28
+ });
29
+ __sfc__.render = __render__;
30
+ var stdin_default = __sfc__;
31
+ export {
32
+ stdin_default as default
33
+ };
File without changes
@@ -0,0 +1,12 @@
1
+ import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
2
+ import { props as shimmerTextProps } from "./props.mjs";
3
+ import ShimmerText from "./ShimmerText.mjs";
4
+ withInstall(ShimmerText);
5
+ withPropsDefaultsSetter(ShimmerText, shimmerTextProps);
6
+ const _ShimmerTextComponent = ShimmerText;
7
+ var stdin_default = ShimmerText;
8
+ export {
9
+ _ShimmerTextComponent,
10
+ stdin_default as default,
11
+ shimmerTextProps
12
+ };
@@ -0,0 +1,9 @@
1
+ const props = {
2
+ type: {
3
+ type: String,
4
+ default: "default"
5
+ }
6
+ };
7
+ export {
8
+ props
9
+ };
@@ -0,0 +1 @@
1
+ :root { --shimmer-text-color: var(--color-on-surface-variant); --shimmer-text-highlight-color: #fff; --shimmer-text-duration: 1.4s; --shimmer-text-angle: 100deg;}.var-shimmer-text { display: inline-flex; color: var(--shimmer-text-color); background-image: linear-gradient(var(--shimmer-text-angle), transparent 35%, var(--shimmer-text-highlight-color) 50%, transparent 65%), linear-gradient(var(--shimmer-text-color), var(--shimmer-text-color)); background-repeat: no-repeat; background-size: 200% 100%, 100% 100%; background-position: 120% 0, 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: var-shimmer-text var(--shimmer-text-duration) linear infinite;}.var-shimmer-text--default { --shimmer-text-color: var(--color-on-surface-variant);}.var-shimmer-text--primary { --shimmer-text-color: var(--color-primary);}.var-shimmer-text--info { --shimmer-text-color: var(--color-info);}.var-shimmer-text--success { --shimmer-text-color: var(--color-success);}.var-shimmer-text--warning { --shimmer-text-color: var(--color-warning);}.var-shimmer-text--danger { --shimmer-text-color: var(--color-danger);}@keyframes var-shimmer-text { from { background-position: 120% 0, 0 0; } to { background-position: -20% 0, 0 0; }}
@@ -0,0 +1,3 @@
1
+ import '../../styles/common.css'
2
+ import '../shimmerText.css'
3
+ import '../ShimmerTextSfc.css'
package/es/style.mjs CHANGED
@@ -77,6 +77,7 @@ import './row/style/index.mjs'
77
77
  import './segmented-button/style/index.mjs'
78
78
  import './segmented-buttons/style/index.mjs'
79
79
  import './select/style/index.mjs'
80
+ import './shimmer-text/style/index.mjs'
80
81
  import './signature/style/index.mjs'
81
82
  import './skeleton/style/index.mjs'
82
83
  import './slider/style/index.mjs'
@@ -1 +1 @@
1
- :root { --switch-width: 40px; --switch-height: 24px; --switch-track-width: 38px; --switch-track-height: 14.4px; --switch-track-border-radius: calc(20px * 2 / 3); --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-handle-width: 20px; --switch-handle-height: 20px; --switch-handle-background: var(--color-on-primary); --switch-handle-color: var(--color-primary); --switch-handle-active-color: var(--color-on-primary); --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-ripple-size: 40px; --switch-ripple-left: -10px; --switch-ripple-active-left: 10px; --switch-loading-size: 16px; --switch-disabled-opacity: var(--opacity-disabled); --switch-variant-width: 52px; --switch-variant-height: 32px; --switch-variant-track-border-color: #888; --switch-variant-track-background: var(--color-surface-container-highest); --switch-variant-handle-width: 24px; --switch-variant-handle-height: 24px; --switch-variant-handle-color: var(--color-on-primary); --switch-variant-handle-active-color: var(--color-primary); --switch-variant-handle-background: #888; --switch-variant-handle-active-background: var(--color-on-primary); --switch-variant-ripple-left: -4px; --switch-variant-ripple-active-left: 16px;}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; align-items: center; justify-content: center; width: var(--switch-width); height: var(--switch-height); transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { width: var(--switch-track-width); height: var(--switch-track-height); border-radius: var(--switch-track-border-radius); background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity));}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; outline: none; transition: 0.3s var(--cubic-bezier); width: var(--switch-ripple-size); height: var(--switch-ripple-size); left: var(--switch-ripple-left);}.var-switch__ripple--active { left: var(--switch-ripple-active-left);}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: var(--switch-handle-width); height: var(--switch-handle-height); outline: none;}.var-switch__handle--active { background-color: var(--switch-handle-active-background); color: var(--switch-handle-active-color);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch--variant .var-switch__block { width: var(--switch-variant-width); height: var(--switch-variant-height);}.var-switch--variant .var-switch__block:active .var-switch__handle { transform: scale(1.16666667);}.var-switch--variant .var-switch__track { width: 100%; height: 100%; border-radius: calc(var(--switch-variant-height) / 2); background-color: var(--switch-variant-track-background); border: 2px solid var(--switch-variant-track-border-color); filter: none;}.var-switch--variant .var-switch__track--active { background-color: var(--switch-track-active-background); border: none;}.var-switch--variant .var-switch__ripple { left: var(--switch-variant-ripple-left);}.var-switch--variant .var-switch__ripple--active { left: var(--switch-variant-ripple-active-left);}.var-switch--variant .var-switch__handle { width: var(--switch-variant-handle-width); height: var(--switch-variant-handle-height); color: var(--switch-variant-handle-color); transform: scale(0.66666667); background-color: var(--switch-variant-handle-background); transition: transform 0.2s;}.var-switch--variant .var-switch__handle--active { color: var(--switch-variant-handle-active-color); background-color: var(--switch-variant-handle-active-background); transform: none;}.var-switch--variant .var-switch--disabled:active .var-switch__handle { transform: none;}.var-switch__loading { display: inline-block; width: var(--switch-loading-size); height: var(--switch-loading-size); animation: circle 1.8s linear infinite;}.var-switch__loading svg { display: block; width: 100%; height: 100%;}.var-switch__loading svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}
1
+ :root { --switch-width: 40px; --switch-height: 24px; --switch-track-width: 38px; --switch-track-height: 14.4px; --switch-track-border-radius: calc(20px * 2 / 3); --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-handle-width: 20px; --switch-handle-height: 20px; --switch-handle-background: var(--color-on-primary); --switch-handle-color: var(--color-primary); --switch-handle-active-color: var(--color-on-primary); --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-ripple-size: 40px; --switch-ripple-left: -10px; --switch-ripple-active-left: 10px; --switch-loading-size: 16px; --switch-disabled-opacity: var(--opacity-disabled); --switch-variant-width: 52px; --switch-variant-height: 32px; --switch-variant-track-border-color: #888; --switch-variant-track-background: var(--color-surface-container-highest); --switch-variant-handle-width: 24px; --switch-variant-handle-height: 24px; --switch-variant-handle-color: var(--color-on-primary); --switch-variant-handle-active-color: var(--color-primary); --switch-variant-handle-background: #888; --switch-variant-handle-active-background: var(--color-on-primary); --switch-variant-ripple-left: -4px; --switch-variant-ripple-active-left: 16px;}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; align-items: center; justify-content: center; width: var(--switch-width); height: var(--switch-height); transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { width: var(--switch-track-width); height: var(--switch-track-height); border-radius: var(--switch-track-border-radius); background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity));}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; outline: none; transition: 0.3s var(--cubic-bezier); width: var(--switch-ripple-size); height: var(--switch-ripple-size); left: var(--switch-ripple-left);}.var-switch__ripple--active { left: var(--switch-ripple-active-left);}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: var(--switch-handle-width); height: var(--switch-handle-height); outline: none;}.var-switch__handle--active { background-color: var(--switch-handle-active-background); color: var(--switch-handle-active-color);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch--variant .var-switch__block { width: var(--switch-variant-width); height: var(--switch-variant-height);}.var-switch--variant .var-switch__block:active .var-switch__handle { transform: scale(7 / 6);}.var-switch--variant .var-switch__track { width: 100%; height: 100%; border-radius: calc(var(--switch-variant-height) / 2); background-color: var(--switch-variant-track-background); border: 2px solid var(--switch-variant-track-border-color); filter: none;}.var-switch--variant .var-switch__track--active { background-color: var(--switch-track-active-background); border: none;}.var-switch--variant .var-switch__ripple { left: var(--switch-variant-ripple-left);}.var-switch--variant .var-switch__ripple--active { left: var(--switch-variant-ripple-active-left);}.var-switch--variant .var-switch__handle { width: var(--switch-variant-handle-width); height: var(--switch-variant-handle-height); color: var(--switch-variant-handle-color); transform: scale(2 / 3); background-color: var(--switch-variant-handle-background); transition: transform 0.2s;}.var-switch--variant .var-switch__handle--active { color: var(--switch-variant-handle-active-color); background-color: var(--switch-variant-handle-active-background); transform: none;}.var-switch--variant .var-switch--disabled:active .var-switch__handle { transform: none;}.var-switch__loading { display: inline-block; width: var(--switch-loading-size); height: var(--switch-loading-size); animation: circle 1.8s linear infinite;}.var-switch__loading svg { display: block; width: 100%; height: 100%;}.var-switch__loading svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
72
72
  import segmentedButton from "./segmentedButton.mjs";
73
73
  import segmentedButtons from "./segmentedButtons.mjs";
74
74
  import select from "./select.mjs";
75
+ import shimmerText from "./shimmerText.mjs";
75
76
  import signature from "./signature.mjs";
76
77
  import skeleton from "./skeleton.mjs";
77
78
  import slider from "./slider.mjs";
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
88
89
  import treeMenu from "./treeMenu.mjs";
89
90
  import uploader from "./uploader.mjs";
90
91
  import watermark from "./watermark.mjs";
91
- var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
+ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
93
  "--color-scheme": "dark",
93
94
  "--font-size-xs": "10px",
94
95
  "--font-size-sm": "12px",
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
167
168
  "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
168
169
  "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
169
170
  "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
170
- }, button), alert), cell), card), timePicker), dateInput), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), segmentedButton), segmentedButtons), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), dataTable), railNavigation), railNavigationItem), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), treeMenu), select), code), signature);
171
+ }, button), alert), cell), card), timePicker), dateInput), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), segmentedButton), segmentedButtons), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), dataTable), railNavigation), railNavigationItem), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), treeMenu), select), code), shimmerText), signature);
171
172
  export {
172
173
  stdin_default as default
173
174
  };
@@ -0,0 +1,9 @@
1
+ var stdin_default = {
2
+ "--shimmer-text-color": "var(--color-on-surface-variant)",
3
+ "--shimmer-text-highlight-color": "#000",
4
+ "--shimmer-text-duration": "1.4s",
5
+ "--shimmer-text-angle": "100deg"
6
+ };
7
+ export {
8
+ stdin_default as default
9
+ };
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
72
72
  import segmentedButton from "./segmentedButton.mjs";
73
73
  import segmentedButtons from "./segmentedButtons.mjs";
74
74
  import select from "./select.mjs";
75
+ import shimmerText from "./shimmerText.mjs";
75
76
  import signature from "./signature.mjs";
76
77
  import skeleton from "./skeleton.mjs";
77
78
  import slider from "./slider.mjs";
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
88
89
  import treeMenu from "./treeMenu.mjs";
89
90
  import uploader from "./uploader.mjs";
90
91
  import watermark from "./watermark.mjs";
91
- var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
+ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
93
  "--color-scheme": "dark",
93
94
  "--font-size-xs": "10px",
94
95
  "--font-size-sm": "12px",
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
167
168
  "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
168
169
  "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
169
170
  "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
170
- }, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), badge), tooltip), treeMenu), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), dataTable), switchThemes), slider), uploader), timePicker), dateInput), datePicker), rate), railNavigation), railNavigationItem), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
171
+ }, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), badge), tooltip), treeMenu), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), dataTable), switchThemes), slider), uploader), timePicker), dateInput), datePicker), rate), railNavigation), railNavigationItem), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), shimmerText), signature);
171
172
  export {
172
173
  stdin_default as default
173
174
  };
@@ -0,0 +1,9 @@
1
+ var stdin_default = {
2
+ "--shimmer-text-color": "var(--color-on-surface-variant)",
3
+ "--shimmer-text-highlight-color": "#000",
4
+ "--shimmer-text-duration": "1.4s",
5
+ "--shimmer-text-angle": "100deg"
6
+ };
7
+ export {
8
+ stdin_default as default
9
+ };
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
72
72
  import segmentedButton from "./segmentedButton.mjs";
73
73
  import segmentedButtons from "./segmentedButtons.mjs";
74
74
  import select from "./select.mjs";
75
+ import shimmerText from "./shimmerText.mjs";
75
76
  import signature from "./signature.mjs";
76
77
  import skeleton from "./skeleton.mjs";
77
78
  import slider from "./slider.mjs";
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
88
89
  import treeMenu from "./treeMenu.mjs";
89
90
  import uploader from "./uploader.mjs";
90
91
  import watermark from "./watermark.mjs";
91
- var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
+ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
92
93
  "--color-scheme": "light",
93
94
  "--font-size-xs": "10px",
94
95
  "--font-size-sm": "12px",
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
167
168
  "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
168
169
  "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
169
170
  "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
170
- }, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), tooltip), treeMenu), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), dateInput), datePicker), switchThemes), rate), railNavigation), railNavigationItem), avatarGroup), badge), countdown), counter), dataTable), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
171
+ }, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), tooltip), treeMenu), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), dateInput), datePicker), switchThemes), rate), railNavigation), railNavigationItem), avatarGroup), badge), countdown), counter), dataTable), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), shimmerText), signature);
171
172
  export {
172
173
  stdin_default as default
173
174
  };
@@ -0,0 +1,9 @@
1
+ var stdin_default = {
2
+ "--shimmer-text-color": "var(--color-on-surface-variant)",
3
+ "--shimmer-text-highlight-color": "#fff",
4
+ "--shimmer-text-duration": "1.4s",
5
+ "--shimmer-text-angle": "100deg"
6
+ };
7
+ export {
8
+ stdin_default as default
9
+ };