@i-cell/ids-styles 0.0.44 → 0.0.46

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 (10) hide show
  1. package/dist/components.css +16 -4
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +16 -4
  4. package/dist/select/select.css +4 -0
  5. package/dist/select/select.min.css +1 -1
  6. package/dist/select/select.plugin.js +4 -0
  7. package/dist/side-sheet/side-sheet.css +12 -4
  8. package/dist/side-sheet/side-sheet.min.css +1 -1
  9. package/dist/side-sheet/side-sheet.plugin.js +12 -4
  10. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -11556,21 +11556,25 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11556
11556
  padding: var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact);
11557
11557
  gap: var(--ids-comp-forms-select-panel-size-gap-compact);
11558
11558
  border-radius: var(--ids-comp-forms-select-panel-size-border-radius-compact);
11559
+ max-height: var(--ids-comp-forms-form-field-standard-field-wrapper-select-panel-size-max-height-compact);
11559
11560
  }
11560
11561
  .ids-select-panel.ids-select-panel-comfortable {
11561
11562
  padding: var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable);
11562
11563
  gap: var(--ids-comp-forms-select-panel-size-gap-comfortable);
11563
11564
  border-radius: var(--ids-comp-forms-select-panel-size-border-radius-comfortable);
11565
+ max-height: var(--ids-comp-forms-form-field-standard-field-wrapper-select-panel-size-max-height-comfortable);
11564
11566
  }
11565
11567
  .ids-select-panel.ids-select-panel-spacious {
11566
11568
  padding: var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious);
11567
11569
  gap: var(--ids-comp-forms-select-panel-size-gap-spacious);
11568
11570
  border-radius: var(--ids-comp-forms-select-panel-size-border-radius-spacious);
11571
+ max-height: var(--ids-comp-forms-form-field-standard-field-wrapper-select-panel-size-max-height-spacious);
11569
11572
  }
11570
11573
  .ids-select-panel.ids-select-panel-dense {
11571
11574
  padding: var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense);
11572
11575
  gap: var(--ids-comp-forms-select-panel-size-gap-dense);
11573
11576
  border-radius: var(--ids-comp-forms-select-panel-size-border-radius-dense);
11577
+ max-height: var(--ids-comp-forms-form-field-standard-field-wrapper-select-panel-size-max-height-dense);
11574
11578
  }
11575
11579
  .ids-select-panel.ids-select-panel-surface {
11576
11580
  background: var(--ids-comp-forms-select-panel-color-bg-surface-default);
@@ -11711,7 +11715,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11711
11715
  .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default {
11712
11716
  background: var(--ids-comp-sidesheet-header-color-bg-default);
11713
11717
  padding: var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact);
11714
- gap: var(--ids-comp-sidesheet-header-size-gap-compact);
11715
11718
  }
11716
11719
  .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
11717
11720
  font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-compact);
@@ -11720,6 +11723,9 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11720
11723
  letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);
11721
11724
  line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-compact);
11722
11725
  }
11726
+ .ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
11727
+ gap: var(--ids-comp-sidesheet-header-size-gap-compact);
11728
+ }
11723
11729
  .ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container {
11724
11730
  border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
11725
11731
  }
@@ -11765,7 +11771,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11765
11771
  .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default {
11766
11772
  background: var(--ids-comp-sidesheet-header-color-bg-default);
11767
11773
  padding: var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable);
11768
- gap: var(--ids-comp-sidesheet-header-size-gap-comfortable);
11769
11774
  }
11770
11775
  .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
11771
11776
  font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);
@@ -11774,6 +11779,9 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11774
11779
  letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);
11775
11780
  line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable);
11776
11781
  }
11782
+ .ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
11783
+ gap: var(--ids-comp-sidesheet-header-size-gap-comfortable);
11784
+ }
11777
11785
  .ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container {
11778
11786
  border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
11779
11787
  }
@@ -11819,7 +11827,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11819
11827
  .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default {
11820
11828
  background: var(--ids-comp-sidesheet-header-color-bg-default);
11821
11829
  padding: var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious);
11822
- gap: var(--ids-comp-sidesheet-header-size-gap-spacious);
11823
11830
  }
11824
11831
  .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
11825
11832
  font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);
@@ -11828,6 +11835,9 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11828
11835
  letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);
11829
11836
  line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-spacious);
11830
11837
  }
11838
+ .ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
11839
+ gap: var(--ids-comp-sidesheet-header-size-gap-spacious);
11840
+ }
11831
11841
  .ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container {
11832
11842
  border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
11833
11843
  }
@@ -11873,7 +11883,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11873
11883
  .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default {
11874
11884
  background: var(--ids-comp-sidesheet-header-color-bg-default);
11875
11885
  padding: var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense);
11876
- gap: var(--ids-comp-sidesheet-header-size-gap-dense);
11877
11886
  }
11878
11887
  .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title, .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title {
11879
11888
  font-family: var(--ids-comp-sidesheet-header-title-typography-font-family-dense);
@@ -11882,6 +11891,9 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
11882
11891
  letter-spacing: var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);
11883
11892
  line-height: var(--ids-comp-sidesheet-header-title-typography-line-height-dense);
11884
11893
  }
11894
+ .ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content {
11895
+ gap: var(--ids-comp-sidesheet-header-size-gap-dense);
11896
+ }
11885
11897
  .ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container {
11886
11898
  border-right: var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default);
11887
11899
  }