@skdx/skins 0.43.0 → 0.44.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-snug);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),box-shadow var(--skdx-motion-duration-fast) var(--skdx-motion-easing),translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button):hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button):active,:where(.skdx-button)[aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-size=md]{block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);gap:var(--skdx-control-gap-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-button)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);gap:var(--skdx-control-gap-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-button)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);gap:var(--skdx-control-gap-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-button)[data-variant=secondary]{color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button)[data-variant=secondary]:hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-variant=secondary]:active,:where(.skdx-button)[data-variant=secondary][aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-variant=primary]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-border)}:where(.skdx-button)[data-variant=primary]:hover{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-variant=primary]:active,:where(.skdx-button)[data-variant=primary][aria-pressed=true]{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:none;translate:0 1px}:where(.skdx-button)[data-variant=danger]{color:var(--skdx-color-action-danger-text);background-color:var(--skdx-color-action-danger-bg);border-color:var(--skdx-color-action-danger-border)}:where(.skdx-button)[data-variant=danger]:hover{background-color:var(--skdx-color-action-danger-bg-hover);border-color:var(--skdx-color-action-danger-bg-hover)}:where(.skdx-button)[data-variant=danger]:active,:where(.skdx-button)[data-variant=danger][aria-pressed=true]{background-color:var(--skdx-color-action-danger-bg-pressed);border-color:var(--skdx-color-action-danger-bg-pressed)}:where(.skdx-button)[data-variant=outline]{color:var(--skdx-color-action-outline-text);background-color:transparent;border-color:var(--skdx-color-action-outline-border)}:where(.skdx-button)[data-variant=outline]:hover{background-color:var(--skdx-color-action-outline-bg-hover)}:where(.skdx-button)[data-variant=outline][data-status=success]{border-color:var(--skdx-color-border-success)}:where(.skdx-button)[data-variant=outline][data-status=warning]{border-color:var(--skdx-color-border-warning)}:where(.skdx-button)[data-variant=outline]:active,:where(.skdx-button)[data-variant=outline][aria-pressed=true]{background-color:var(--skdx-color-action-outline-bg-pressed)}:where(.skdx-button)[data-variant=ghost]{color:var(--skdx-color-action-ghost-text);background-color:transparent;border-color:transparent}:where(.skdx-button)[data-variant=ghost]:hover{background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-button)[data-variant=ghost]:active,:where(.skdx-button)[data-variant=ghost][aria-pressed=true]{background-color:var(--skdx-color-action-ghost-bg-pressed)}:where(.skdx-button)[data-status=neutral]{--skdx-status-bg: var(--skdx-color-action-secondary-bg);--skdx-status-border: var(--skdx-color-action-secondary-border);--skdx-status-text: var(--skdx-color-action-secondary-text)}:where(.skdx-button)[data-status=brand]{--skdx-status-bg: var(--skdx-color-action-primary-bg);--skdx-status-border: var(--skdx-color-action-primary-border);--skdx-status-text: var(--skdx-color-action-primary-text)}:where(.skdx-button)[data-status]{color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));background-color:var(--skdx-status-bg, var(--skdx-color-action-secondary-bg));border-color:var(--skdx-status-border, var(--skdx-color-action-secondary-border))}:where(.skdx-button)[data-status]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-status=neutral]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-status]:active,:where(.skdx-button)[data-status][aria-pressed=true]{box-shadow:none;translate:0 1px}:where(.skdx-button)[data-status][data-variant=outline]{background-color:transparent}:where(.skdx-button)[data-status][data-variant=ghost]{background-color:transparent;border-color:transparent}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}:where(.skdx-button)[data-loading]{cursor:progress}:where(.skdx-button)[data-loading]:before{content:"";inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);border:var(--skdx-border-width-thick) solid currentColor;border-inline-end-color:transparent;border-radius:var(--skdx-radius-full);animation:skdx-spin var(--skdx-motion-duration-slow) var(--skdx-motion-easing-linear) infinite}:where(.skdx-button)[data-icon-only]{padding-inline:0;aspect-ratio:1}:where(.skdx-button)[data-icon-only][data-loading]>:where([data-skdx-icon],skdx-icon){display:none}@media(forced-colors:active){:where(.skdx-button){border-color:ButtonBorder}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:GrayText;border-color:GrayText}}:where(.skdx-button__icon){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md)}:where(.skdx-button)[data-size=sm] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm)}:where(.skdx-button)[data-size=lg] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-lg);block-size:var(--skdx-icon-size-lg)}:where(.skdx-button__label){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}}
|
|
1
|
+
@import"../base.css";@import"../internal/_status.css";@layer skdx-components{:where(.skdx-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-snug);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),box-shadow var(--skdx-motion-duration-fast) var(--skdx-motion-easing),translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button):hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button):active,:where(.skdx-button)[aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-size=md]{block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);gap:var(--skdx-control-gap-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-button)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);gap:var(--skdx-control-gap-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-button)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);gap:var(--skdx-control-gap-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-button)[data-variant=secondary]{color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button)[data-variant=secondary]:hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-variant=secondary]:active,:where(.skdx-button)[data-variant=secondary][aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-variant=primary]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-border)}:where(.skdx-button)[data-variant=primary]:hover{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-variant=primary]:active,:where(.skdx-button)[data-variant=primary][aria-pressed=true]{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:none;translate:0 1px}:where(.skdx-button)[data-variant=danger]{color:var(--skdx-color-action-danger-text);background-color:var(--skdx-color-action-danger-bg);border-color:var(--skdx-color-action-danger-border)}:where(.skdx-button)[data-variant=danger]:hover{background-color:var(--skdx-color-action-danger-bg-hover);border-color:var(--skdx-color-action-danger-bg-hover)}:where(.skdx-button)[data-variant=danger]:active,:where(.skdx-button)[data-variant=danger][aria-pressed=true]{background-color:var(--skdx-color-action-danger-bg-pressed);border-color:var(--skdx-color-action-danger-bg-pressed)}:where(.skdx-button)[data-variant=outline]{color:var(--skdx-color-action-outline-text);background-color:transparent;border-color:var(--skdx-color-action-outline-border)}:where(.skdx-button)[data-variant=outline]:hover{background-color:var(--skdx-color-action-outline-bg-hover)}:where(.skdx-button)[data-variant=outline][data-status=success]{border-color:var(--skdx-color-border-success)}:where(.skdx-button)[data-variant=outline][data-status=warning]{border-color:var(--skdx-color-border-warning)}:where(.skdx-button)[data-variant=outline]:active,:where(.skdx-button)[data-variant=outline][aria-pressed=true]{background-color:var(--skdx-color-action-outline-bg-pressed)}:where(.skdx-button)[data-variant=ghost]{color:var(--skdx-color-action-ghost-text);background-color:transparent;border-color:transparent}:where(.skdx-button)[data-variant=ghost]:hover{background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-button)[data-variant=ghost]:active,:where(.skdx-button)[data-variant=ghost][aria-pressed=true]{background-color:var(--skdx-color-action-ghost-bg-pressed)}:where(.skdx-button)[data-status=neutral]{--skdx-status-bg: var(--skdx-color-action-secondary-bg);--skdx-status-border: var(--skdx-color-action-secondary-border);--skdx-status-text: var(--skdx-color-action-secondary-text)}:where(.skdx-button)[data-status=brand]{--skdx-status-bg: var(--skdx-color-action-primary-bg);--skdx-status-border: var(--skdx-color-action-primary-border);--skdx-status-text: var(--skdx-color-action-primary-text)}:where(.skdx-button)[data-status]{color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));background-color:var(--skdx-status-bg, var(--skdx-color-action-secondary-bg));border-color:var(--skdx-status-border, var(--skdx-color-action-secondary-border))}:where(.skdx-button)[data-status]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-status=neutral]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-status]:active,:where(.skdx-button)[data-status][aria-pressed=true]{box-shadow:none;translate:0 1px}:where(.skdx-button)[data-status][data-variant=outline]{background-color:transparent}:where(.skdx-button)[data-status][data-variant=ghost]{background-color:transparent;border-color:transparent}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}:where(.skdx-button)[data-variant=ghost]:disabled,:where(.skdx-button)[data-variant=ghost][data-disabled]{background-color:transparent;border-color:transparent}:where(.skdx-button)[data-loading]{cursor:progress}:where(.skdx-button)[data-loading]:before{content:"";inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);border:var(--skdx-border-width-thick) solid currentColor;border-inline-end-color:transparent;border-radius:var(--skdx-radius-full);animation:skdx-spin var(--skdx-motion-duration-slow) var(--skdx-motion-easing-linear) infinite}:where(.skdx-button)[data-icon-only]{padding-inline:0;aspect-ratio:1}:where(.skdx-button)[data-icon-only][data-loading]>:where([data-skdx-icon],skdx-icon){display:none}@media(forced-colors:active){:where(.skdx-button){border-color:ButtonBorder}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:GrayText;border-color:GrayText}}:where(.skdx-button__icon){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md)}:where(.skdx-button)[data-size=sm] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm)}:where(.skdx-button)[data-size=lg] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-lg);block-size:var(--skdx-icon-size-lg)}:where(.skdx-button__label){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-select__content)[data-match-width]{inline-size:var(--skdx-select-trigger-width, auto)}:where(.skdx-select__trigger)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-select__trigger)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-select__trigger)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}:where(.skdx-select__trigger)[data-shape=square]{border-radius:0}:where(.skdx-select__trigger)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-select__item-indicator){margin-inline-start:auto}:where(.skdx-select__viewport){padding:0}:where(.skdx-select__item-text){overflow:hidden;flex:1 1 0%;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-select__icon){display:inline-flex;flex:none;margin-inline-start:auto;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-select__trigger)[data-state=open] :where(.skdx-select__icon){rotate:180deg}:where(.skdx-select__tag-list){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-select-tag-gap);flex:1;min-inline-size:0;--skdx-select-tag-gap: var(--skdx-space-1)}:where(.skdx-select__tag-list)[data-density=compact]{--skdx-select-tag-gap: 0px}:where(.skdx-select__tag-list)[data-density=comfortable]{--skdx-select-tag-gap: var(--skdx-space-2)}:where(.skdx-select__tag){display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:100%;min-inline-size:0;padding-inline:var(--skdx-space-2);padding-block:0;min-block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs);color:var(--skdx-select-tag-text);background-color:var(--skdx-select-tag-bg);border:var(--skdx-border-width-thin) solid var(--skdx-select-tag-border);border-radius:var(--skdx-radius-default);--skdx-select-tag-text: var(--skdx-color-text-default);--skdx-select-tag-bg: var(--skdx-color-surface-sunken);--skdx-select-tag-border: var(--skdx-color-border-subtle)}:where(.skdx-select__tag)[data-status=info]{--skdx-select-tag-text: var(--skdx-color-status-info-text);--skdx-select-tag-bg: var(--skdx-color-status-info-bg);--skdx-select-tag-border: var(--skdx-color-status-info-border)}:where(.skdx-select__tag)[data-status=success]{--skdx-select-tag-text: var(--skdx-color-status-success-text);--skdx-select-tag-bg: var(--skdx-color-status-success-bg);--skdx-select-tag-border: var(--skdx-color-status-success-border)}:where(.skdx-select__tag)[data-status=warning]{--skdx-select-tag-text: var(--skdx-color-status-warning-text);--skdx-select-tag-bg: var(--skdx-color-status-warning-bg);--skdx-select-tag-border: var(--skdx-color-status-warning-border)}:where(.skdx-select__tag)[data-status=danger]{--skdx-select-tag-text: var(--skdx-color-status-danger-text);--skdx-select-tag-bg: var(--skdx-color-status-danger-bg);--skdx-select-tag-border: var(--skdx-color-status-danger-border)}:where(.skdx-select__tag-remove){position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-select__tag-remove):hover{color:var(--skdx-color-text-danger)}:where(.skdx-select__input){flex:1;min-inline-size:var(--skdx-space-10);
|
|
1
|
+
@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-select__content)[data-match-width]{inline-size:var(--skdx-select-trigger-width, auto)}:where(.skdx-select__trigger)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-select__trigger)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-select__trigger)[data-shape=rounded]{border-radius:var(--skdx-radius-md)}:where(.skdx-select__trigger)[data-shape=square]{border-radius:0}:where(.skdx-select__trigger)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-select__item-indicator){margin-inline-start:auto}:where(.skdx-select__viewport){padding:0}:where(.skdx-select__item-text){overflow:hidden;flex:1 1 0%;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-select__value)[data-multiple]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-select__value) [data-chip]{display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:12ch;overflow:hidden;padding-inline:var(--skdx-space-2);color:var(--skdx-color-status-neutral-text);background-color:var(--skdx-color-status-neutral-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-neutral-border);border-radius:var(--skdx-radius-default);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-select__icon){display:inline-flex;flex:none;margin-inline-start:auto;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-select__trigger)[data-state=open] :where(.skdx-select__icon){rotate:180deg}:where(.skdx-select__tag-list){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-select-tag-gap);flex:1;min-inline-size:0;--skdx-select-tag-gap: var(--skdx-space-1)}:where(.skdx-select__tag-list)[data-density=compact]{--skdx-select-tag-gap: 0px}:where(.skdx-select__tag-list)[data-density=comfortable]{--skdx-select-tag-gap: var(--skdx-space-2)}:where(.skdx-select__tag){display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:100%;min-inline-size:0;padding-inline:var(--skdx-space-2);padding-block:0;min-block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs);color:var(--skdx-select-tag-text);background-color:var(--skdx-select-tag-bg);border:var(--skdx-border-width-thin) solid var(--skdx-select-tag-border);border-radius:var(--skdx-radius-default);--skdx-select-tag-text: var(--skdx-color-text-default);--skdx-select-tag-bg: var(--skdx-color-surface-sunken);--skdx-select-tag-border: var(--skdx-color-border-subtle)}:where(.skdx-select__tag)[data-status=info]{--skdx-select-tag-text: var(--skdx-color-status-info-text);--skdx-select-tag-bg: var(--skdx-color-status-info-bg);--skdx-select-tag-border: var(--skdx-color-status-info-border)}:where(.skdx-select__tag)[data-status=success]{--skdx-select-tag-text: var(--skdx-color-status-success-text);--skdx-select-tag-bg: var(--skdx-color-status-success-bg);--skdx-select-tag-border: var(--skdx-color-status-success-border)}:where(.skdx-select__tag)[data-status=warning]{--skdx-select-tag-text: var(--skdx-color-status-warning-text);--skdx-select-tag-bg: var(--skdx-color-status-warning-bg);--skdx-select-tag-border: var(--skdx-color-status-warning-border)}:where(.skdx-select__tag)[data-status=danger]{--skdx-select-tag-text: var(--skdx-color-status-danger-text);--skdx-select-tag-bg: var(--skdx-color-status-danger-bg);--skdx-select-tag-border: var(--skdx-color-status-danger-border)}:where(.skdx-select__tag-remove){position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-default);cursor:pointer}:where(.skdx-select__tag-remove):hover{color:var(--skdx-color-text-danger)}:where(.skdx-select__input){flex:1 1 auto;min-inline-size:var(--skdx-space-10);cursor:text}:where(.skdx-select__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-select__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-select__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"../base.css";@layer skdx-components{:where(.skdx-sign-in-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-in-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-sign-in-page__providers){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-sign-in-page__provider){inline-size:100%}@media(forced-colors:active){:where(.skdx-sign-in-page__panel){border-color:CanvasText}}}
|
|
1
|
+
@import"../base.css";@layer skdx-components{:where(.skdx-sign-in-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-in-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-default);box-shadow:var(--skdx-shadow-md)}:where(.skdx-sign-in-page__providers){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-sign-in-page__provider){inline-size:100%}@media(forced-colors:active){:where(.skdx-sign-in-page__panel){border-color:CanvasText}}}@layer skdx-components{:where(.skdx-sign-in-page__provider-icon){flex-shrink:0;inline-size:1.125em;block-size:1.125em;margin-inline-end:var(--skdx-space-2)}}
|