@i-cell/ids-styles 0.0.17 → 0.0.18-beta.0

package/dist/components.plugin.js

@@ -8733,7 +8733,7 @@ module.exports = function ComponentsPlugin() {
         whiteSpace: 'nowrap',
         display: 'block',
       },
-      '.ids-select>.ids-select__trigger>.ids-select__arrow': { flexShrink: 0 },
+      '.ids-select>.ids-select__trigger>.ids-select__arrow': { display: 'flex', flexShrink: 0 },
       '.ids-select.ids-select-compact>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-compact)' },
       '.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
         fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',

package/dist/select/select.css

@@ -23,6 +23,7 @@
   display: block;
 }
 .ids-select > .ids-select__trigger > .ids-select__arrow {
+  display: flex;
   flex-shrink: 0;
 }
 .ids-select.ids-select-compact > .ids-select__trigger {

package/dist/select/select.min.css

@@ -1 +1 @@
-.ids-select{width:100%}.ids-select:focus,.ids-select:focus-visible{outline:none}.ids-select>.ids-select__trigger{display:flex;justify-content:space-between;align-items:center}.ids-select>.ids-select__trigger>.ids-select__value{flex-grow:1;overflow:hidden}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{user-select:none}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.ids-select>.ids-select__trigger>.ids-select__arrow{flex-shrink:0}.ids-select.ids-select-compact>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-compact)}.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)}.ids-select.ids-select-comfortable>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-comfortable)}.ids-select.ids-select-comfortable>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)}.ids-select.ids-select-spacious>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-spacious)}.ids-select.ids-select-spacious>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)}.ids-select.ids-select-dense>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-dense)}.ids-select.ids-select-dense>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)}.ids-select-panel{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;box-sizing:border-box;overflow-y:auto;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-select-panel.ids-select-panel-compact{padding:var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact);gap:var(--ids-comp-forms-select-panel-size-gap-compact);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-compact)}.ids-select-panel.ids-select-panel-comfortable{padding:var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable);gap:var(--ids-comp-forms-select-panel-size-gap-comfortable);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-comfortable)}.ids-select-panel.ids-select-panel-spacious{padding:var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious);gap:var(--ids-comp-forms-select-panel-size-gap-spacious);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-spacious)}.ids-select-panel.ids-select-panel-dense{padding:var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense);gap:var(--ids-comp-forms-select-panel-size-gap-dense);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-dense)}.ids-select-panel.ids-select-panel-surface{background:var(--ids-comp-forms-select-panel-color-bg-surface-default)}.ids-select-panel.ids-select-panel-light{background:var(--ids-comp-forms-select-panel-color-bg-light-default)}.ids-form-field>.ids-form-field__field-wrapper:has(.ids-select){cursor:pointer}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)}
+.ids-select{width:100%}.ids-select:focus,.ids-select:focus-visible{outline:none}.ids-select>.ids-select__trigger{display:flex;justify-content:space-between;align-items:center}.ids-select>.ids-select__trigger>.ids-select__value{flex-grow:1;overflow:hidden}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{user-select:none}.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.ids-select>.ids-select__trigger>.ids-select__arrow{display:flex;flex-shrink:0}.ids-select.ids-select-compact>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-compact)}.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)}.ids-select.ids-select-comfortable>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-comfortable)}.ids-select.ids-select-comfortable>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)}.ids-select.ids-select-spacious>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-spacious)}.ids-select.ids-select-spacious>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)}.ids-select.ids-select-dense>.ids-select__trigger{gap:var(--ids-comp-forms-select-size-gap-dense)}.ids-select.ids-select-dense>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{font-family:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense);font-size:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense);font-weight:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense);letter-spacing:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense);line-height:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)}.ids-select-panel{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;box-sizing:border-box;overflow-y:auto;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-select-panel.ids-select-panel-compact{padding:var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact);gap:var(--ids-comp-forms-select-panel-size-gap-compact);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-compact)}.ids-select-panel.ids-select-panel-comfortable{padding:var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable);gap:var(--ids-comp-forms-select-panel-size-gap-comfortable);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-comfortable)}.ids-select-panel.ids-select-panel-spacious{padding:var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious);gap:var(--ids-comp-forms-select-panel-size-gap-spacious);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-spacious)}.ids-select-panel.ids-select-panel-dense{padding:var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense);gap:var(--ids-comp-forms-select-panel-size-gap-dense);border-radius:var(--ids-comp-forms-select-panel-size-border-radius-dense)}.ids-select-panel.ids-select-panel-surface{background:var(--ids-comp-forms-select-panel-color-bg-surface-default)}.ids-select-panel.ids-select-panel-light{background:var(--ids-comp-forms-select-panel-color-bg-light-default)}.ids-form-field>.ids-form-field__field-wrapper:has(.ids-select){cursor:pointer}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)}.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)}.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)}.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)}.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder{color:var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)}

package/dist/select/select.plugin.js

@@ -13,7 +13,7 @@ module.exports = function SelectPlugin() {
         whiteSpace: 'nowrap',
         display: 'block',
       },
-      '.ids-select>.ids-select__trigger>.ids-select__arrow': { flexShrink: 0 },
+      '.ids-select>.ids-select__trigger>.ids-select__arrow': { display: 'flex', flexShrink: 0 },
       '.ids-select.ids-select-compact>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-compact)' },
       '.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
         fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-cell/ids-styles",
-  "version": "0.0.17",
+  "version": "0.0.18-beta.0",
   "private": false,
   "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
   "scripts": {