@unifiedsoftware/styles 1.0.12 → 1.0.13

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 (5) hide show
  1. package/css/fci.css +2 -2
  2. package/css/fci.min.css +1 -1
  3. package/package.json +1 -1
  4. package/scss/themes/fci/components/_list.scss +43 -41
  5. package/scss/themes/fci/components/_menu.scss +38 -34
package/css/fci.css CHANGED
@@ -442,7 +442,7 @@
442
442
  --us-list-subheader-border-width: 1px;
443
443
  --us-list-subheader-border-color: #dee2e6;
444
444
  }
445
- .us-theme-fci .us-list-group > .us-theme-fci .us-list-item--selected > .us-overlay {
445
+ .us-theme-fci .us-list-group > .us-list-item--selected > .us-overlay {
446
446
  --us-overlay-opacity: 0;
447
447
  --us-_hover-overlay-opacity: 0;
448
448
  --us-_active-overlay-opacity: 0;
@@ -495,7 +495,7 @@
495
495
  --us-menu-group-border-width: 1px;
496
496
  --us-menu-group-border-color: #dee2e6;
497
497
  }
498
- .us-theme-fci .us-menu-submenu > .us-theme-fci .us-menu-item--selected > .us-overlay {
498
+ .us-theme-fci .us-menu-submenu > .us-menu-item--selected > .us-overlay {
499
499
  --us-overlay-opacity: 0;
500
500
  --us-_hover-overlay-opacity: 0;
501
501
  --us-_active-overlay-opacity: 0;
package/css/fci.min.css CHANGED
@@ -1 +1 @@
1
- .us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-size: 1rem;--us-toolbar-title-font-weight: 600;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--md{--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--lg{--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 700;--us-chip-border-radius: 9999px}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.75rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 14px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.875rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 0.875rem}.us-theme-fci .us-chip--md{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 14px;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--lg{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--xl{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 500;--us-button-font-family: var(--us-font-sans)}.us-theme-fci .us-button>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--xs{--us-button-height: 20px;--us-button-padding-y: 0;--us-button-padding-x: 0.5rem;--us-button-font-size: 0.625rem;--us-button-border-radius: 4px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 44px;--us-button-padding-y: 0;--us-button-padding-x: 1.25rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.625rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 52px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.75rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-width: 256px;--us-drawer-background: #fff}.us-theme-fci .us-input{--us-input-padding-y: 0rem;--us-input-padding-x: 1rem;--us-input-height: 36px;--us-input-font-size: 0.75rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 0.25rem;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 2px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-height: 40px;--us-list-item-padding-y: 0px;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-font-weight: 500;--us-list-item-border-radius: 0px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-font-weight: 500;--us-list-item-subtitle-font-size: 12px;--us-list-item-subtitle-font-weight: 400}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-subheader{--us-list-subheader-height: 40px;--us-list-subheader-padding-y: 0;--us-list-subheader-padding-x: 1rem;--us-list-subheader-padding-level: 2rem;--us-list-subheader-font-size: 12px;--us-list-subheader-font-weight: 700;--us-list-subheader-border-radius: 0;--us-list-subheader-gap: 1rem;--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 2rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item__icon .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-black-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-indicator-color: var(--us-primary-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 8px}.us-theme-fci .us-card-header{--us-card-header-padding-y: 1rem;--us-card-header-padding-x: 1rem;--us-card-header-gap: 1rem}.us-theme-fci .us-card-header__title{--us-card-header-title-font-size: 0.75rem;--us-card-header-title-font-weight: 600;--us-card-header-title-line-height: 24px}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
1
+ .us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-size: 1rem;--us-toolbar-title-font-weight: 600;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--md{--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--lg{--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 700;--us-chip-border-radius: 9999px}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.75rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 14px;--us-chip-gap: 0.375rem;--us-chip-icon-font-size: 0.875rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 0.875rem}.us-theme-fci .us-chip--md{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 14px;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--lg{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--xl{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 500;--us-button-font-family: var(--us-font-sans)}.us-theme-fci .us-button>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--xs{--us-button-height: 20px;--us-button-padding-y: 0;--us-button-padding-x: 0.5rem;--us-button-font-size: 0.625rem;--us-button-border-radius: 4px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 44px;--us-button-padding-y: 0;--us-button-padding-x: 1.25rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.625rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 52px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.75rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-width: 256px;--us-drawer-background: #fff}.us-theme-fci .us-input{--us-input-padding-y: 0rem;--us-input-padding-x: 1rem;--us-input-height: 36px;--us-input-font-size: 0.75rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 0.25rem;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 2px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-height: 40px;--us-list-item-padding-y: 0px;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-font-weight: 500;--us-list-item-border-radius: 0px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-font-weight: 500;--us-list-item-subtitle-font-size: 12px;--us-list-item-subtitle-font-weight: 400}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-subheader{--us-list-subheader-height: 40px;--us-list-subheader-padding-y: 0;--us-list-subheader-padding-x: 1rem;--us-list-subheader-padding-level: 2rem;--us-list-subheader-font-size: 12px;--us-list-subheader-font-weight: 700;--us-list-subheader-border-radius: 0;--us-list-subheader-gap: 1rem;--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 2rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item__icon .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-black-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-indicator-color: var(--us-primary-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 8px}.us-theme-fci .us-card-header{--us-card-header-padding-y: 1rem;--us-card-header-padding-x: 1rem;--us-card-header-gap: 1rem}.us-theme-fci .us-card-header__title{--us-card-header-title-font-size: 0.75rem;--us-card-header-title-font-weight: 600;--us-card-header-title-line-height: 24px}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifiedsoftware/styles",
3
- "version": "1.0.12",
3
+ "version": "1.0.13",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/themes/fci/components/_list.scss CHANGED
@@ -6,62 +6,64 @@
6
6
  --#{$prefix}list-padding-x: 0px;
7
7
  --#{$prefix}list-color: #343a40;
8
8
  --#{$prefix}list-background: #fff;
9
+ }
9
10
 
10
- &-item {
11
- --#{$prefix}list-item-height: 40px;
12
- --#{$prefix}list-item-padding-y: 0px;
13
- --#{$prefix}list-item-padding-x: 1rem;
14
- --#{$prefix}list-item-padding-level: 1.25rem;
15
- --#{$prefix}list-item-font-size: 12px;
16
- --#{$prefix}list-item-font-weight: 500;
17
- --#{$prefix}list-item-border-radius: 0px;
18
- --#{$prefix}list-item-gap: 1rem;
11
+ .#{$prefix}list-item {
12
+ --#{$prefix}list-item-height: 40px;
13
+ --#{$prefix}list-item-padding-y: 0px;
14
+ --#{$prefix}list-item-padding-x: 1rem;
15
+ --#{$prefix}list-item-padding-level: 1.25rem;
16
+ --#{$prefix}list-item-font-size: 12px;
17
+ --#{$prefix}list-item-font-weight: 500;
18
+ --#{$prefix}list-item-border-radius: 0px;
19
+ --#{$prefix}list-item-gap: 1rem;
19
20
 
20
- --#{$prefix}list-item-title-font-size: 12px;
21
- --#{$prefix}list-item-title-font-weight: 500;
21
+ --#{$prefix}list-item-title-font-size: 12px;
22
+ --#{$prefix}list-item-title-font-weight: 500;
22
23
 
23
- --#{$prefix}list-item-subtitle-font-size: 12px;
24
- --#{$prefix}list-item-subtitle-font-weight: 400;
24
+ --#{$prefix}list-item-subtitle-font-size: 12px;
25
+ --#{$prefix}list-item-subtitle-font-weight: 400;
25
26
 
26
- & > .#{$prefix}overlay {
27
- --#{$prefix}overlay-color: inherit;
28
- --#{$prefix}overlay-opacity: 0;
29
- --#{$prefix}_hover-overlay-color: inherit;
30
- --#{$prefix}_hover-overlay-opacity: 0.04;
31
- --#{$prefix}_active-overlay-opacity: 0.08;
32
- }
27
+ & > .#{$prefix}overlay {
28
+ --#{$prefix}overlay-color: inherit;
29
+ --#{$prefix}overlay-opacity: 0;
30
+ --#{$prefix}_hover-overlay-color: inherit;
31
+ --#{$prefix}_hover-overlay-opacity: 0.04;
32
+ --#{$prefix}_active-overlay-opacity: 0.08;
33
+ }
33
34
 
34
- & .#{$prefix}icon {
35
- --#{$prefix}icon-font-size: 16px;
36
- --#{$prefix}icon-color: var(--#{$prefix}primary-color);
37
- }
35
+ .#{$prefix}icon {
36
+ --#{$prefix}icon-font-size: 16px;
37
+ --#{$prefix}icon-color: var(--#{$prefix}primary-color);
38
+ }
38
39
 
39
- &--selected {
40
- --#{$prefix}list-item-color: var(--#{$prefix}primary-color);
41
- }
40
+ &--selected {
41
+ --#{$prefix}list-item-color: var(--#{$prefix}primary-color);
42
42
 
43
- &--selected > .#{$prefix}overlay {
43
+ & > .#{$prefix}overlay {
44
44
  --#{$prefix}overlay-color: var(--#{$prefix}primary-color);
45
45
  --#{$prefix}overlay-opacity: 0.08;
46
46
  --#{$prefix}_hover-overlay-opacity: 0.12;
47
47
  --#{$prefix}_active-overlay-opacity: 0.16;
48
48
  }
49
49
  }
50
+ }
50
51
 
51
- &-subheader {
52
- --#{$prefix}list-subheader-height: 40px;
53
- --#{$prefix}list-subheader-padding-y: 0;
54
- --#{$prefix}list-subheader-padding-x: 1rem;
55
- --#{$prefix}list-subheader-padding-level: 2rem;
56
- --#{$prefix}list-subheader-font-size: 12px;
57
- --#{$prefix}list-subheader-font-weight: 700;
58
- --#{$prefix}list-subheader-border-radius: 0;
59
- --#{$prefix}list-subheader-gap: 1rem;
60
- --#{$prefix}list-subheader-border-width: 1px;
61
- --#{$prefix}list-subheader-border-color: #dee2e6;
62
- }
52
+ .#{$prefix}list-subheader {
53
+ --#{$prefix}list-subheader-height: 40px;
54
+ --#{$prefix}list-subheader-padding-y: 0;
55
+ --#{$prefix}list-subheader-padding-x: 1rem;
56
+ --#{$prefix}list-subheader-padding-level: 2rem;
57
+ --#{$prefix}list-subheader-font-size: 12px;
58
+ --#{$prefix}list-subheader-font-weight: 700;
59
+ --#{$prefix}list-subheader-border-radius: 0;
60
+ --#{$prefix}list-subheader-gap: 1rem;
61
+ --#{$prefix}list-subheader-border-width: 1px;
62
+ --#{$prefix}list-subheader-border-color: #dee2e6;
63
+ }
63
64
 
64
- &-group > &-item--selected > .#{$prefix}overlay {
65
+ .#{$prefix}list-group > .#{$prefix}list-item--selected {
66
+ & > .#{$prefix}overlay {
65
67
  --#{$prefix}overlay-opacity: 0;
66
68
  --#{$prefix}_hover-overlay-opacity: 0;
67
69
  --#{$prefix}_active-overlay-opacity: 0;
package/scss/themes/fci/components/_menu.scss CHANGED
@@ -6,55 +6,59 @@
6
6
  --#{$prefix}menu-padding-x: 0;
7
7
  --#{$prefix}menu-color: #343a40;
8
8
  --#{$prefix}menu-background: #fff;
9
+ }
9
10
 
10
- &-item {
11
- --#{$prefix}menu-item-height: 40px;
12
- --#{$prefix}menu-item-padding-y: 0;
13
- --#{$prefix}menu-item-padding-x: 1rem;
14
- --#{$prefix}menu-item-padding-level: 2rem;
15
- --#{$prefix}menu-item-font-size: 12px;
16
- --#{$prefix}menu-item-font-weight: 500;
17
- --#{$prefix}menu-item-border-radius: 0;
18
- --#{$prefix}menu-item-gap: 1rem;
19
-
20
- & > .#{$prefix}overlay {
21
- --#{$prefix}overlay-color: inherit;
22
- --#{$prefix}overlay-opacity: 0;
23
- --#{$prefix}_hover-overlay-color: inherit;
24
- --#{$prefix}_hover-overlay-opacity: 0.08;
25
- }
11
+ .#{$prefix}menu-item {
12
+ --#{$prefix}menu-item-height: 40px;
13
+ --#{$prefix}menu-item-padding-y: 0;
14
+ --#{$prefix}menu-item-padding-x: 1rem;
15
+ --#{$prefix}menu-item-padding-level: 2rem;
16
+ --#{$prefix}menu-item-font-size: 12px;
17
+ --#{$prefix}menu-item-font-weight: 500;
18
+ --#{$prefix}menu-item-border-radius: 0;
19
+ --#{$prefix}menu-item-gap: 1rem;
20
+
21
+ & > .#{$prefix}overlay {
22
+ --#{$prefix}overlay-color: inherit;
23
+ --#{$prefix}overlay-opacity: 0;
24
+ --#{$prefix}_hover-overlay-color: inherit;
25
+ --#{$prefix}_hover-overlay-opacity: 0.08;
26
+ }
26
27
 
27
- &__icon .#{$prefix}icon {
28
+ &__icon {
29
+ .#{$prefix}icon {
28
30
  --#{$prefix}icon-font-size: 16px;
29
31
  --#{$prefix}icon-color: var(--#{$prefix}primary-color);
30
32
  }
33
+ }
31
34
 
32
- &--selected {
33
- --#{$prefix}menu-item-color: var(--#{$prefix}primary-color);
34
- }
35
+ &--selected {
36
+ --#{$prefix}menu-item-color: var(--#{$prefix}primary-color);
35
37
 
36
- &--selected > .#{$prefix}overlay {
38
+ > .#{$prefix}overlay {
37
39
  --#{$prefix}overlay-color: var(--#{$prefix}primary-color);
38
40
  --#{$prefix}overlay-opacity: 0.08;
39
41
  --#{$prefix}_hover-overlay-opacity: 0.08;
40
42
  --#{$prefix}_active-overlay-opacity: 0.08;
41
43
  }
42
44
  }
45
+ }
43
46
 
44
- &-group {
45
- --#{$prefix}menu-group-height: 40px;
46
- --#{$prefix}menu-group-padding-y: 0;
47
- --#{$prefix}menu-group-padding-x: 1rem;
48
- --#{$prefix}menu-group-padding-level: 2rem;
49
- --#{$prefix}menu-group-font-size: 12px;
50
- --#{$prefix}menu-group-font-weight: 700;
51
- --#{$prefix}menu-group-border-radius: 0;
52
- --#{$prefix}menu-group-gap: 1rem;
53
- --#{$prefix}menu-group-border-width: 1px;
54
- --#{$prefix}menu-group-border-color: #dee2e6;
55
- }
47
+ .#{$prefix}menu-group {
48
+ --#{$prefix}menu-group-height: 40px;
49
+ --#{$prefix}menu-group-padding-y: 0;
50
+ --#{$prefix}menu-group-padding-x: 1rem;
51
+ --#{$prefix}menu-group-padding-level: 2rem;
52
+ --#{$prefix}menu-group-font-size: 12px;
53
+ --#{$prefix}menu-group-font-weight: 700;
54
+ --#{$prefix}menu-group-border-radius: 0;
55
+ --#{$prefix}menu-group-gap: 1rem;
56
+ --#{$prefix}menu-group-border-width: 1px;
57
+ --#{$prefix}menu-group-border-color: #dee2e6;
58
+ }
56
59
 
57
- &-submenu > &-item--selected > .#{$prefix}overlay {
60
+ .#{$prefix}menu-submenu > .#{$prefix}menu-item--selected {
61
+ & > .#{$prefix}overlay {
58
62
  --#{$prefix}overlay-opacity: 0;
59
63
  --#{$prefix}_hover-overlay-opacity: 0;
60
64
  --#{$prefix}_active-overlay-opacity: 0;