@i-cell/ids-styles 0.0.52 → 0.0.53

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 (7) hide show
  1. package/dist/components.css +2 -2
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +4 -2
  4. package/dist/overlay-panel/overlay-panel.css +2 -2
  5. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  6. package/dist/overlay-panel/overlay-panel.plugin.js +4 -2
  7. package/package.json +1 -1
package/dist/components.plugin.js CHANGED
@@ -8906,8 +8906,10 @@ module.exports = function ComponentsPlugin() {
8906
8906
  '.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined': {
8907
8907
  borderColor: 'var(--ids-comp-overlay-panel-elevated-color-border-surface-default)',
8908
8908
  },
8909
- '.ids-overlay-panel button:hover': { borderColor: 'rgba(0,0,0,0)' },
8910
- '.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible': { outlineStyle: 'none !important' },
8909
+ '.ids-overlay-panel.ids-overlay-panel-has-menu button:hover': { borderColor: 'rgba(0,0,0,0)' },
8910
+ '.ids-overlay-panel.ids-overlay-panel-has-menu button:focus,.ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible': {
8911
+ outlineStyle: 'none !important',
8912
+ },
8911
8913
  '.ids-paginator': {
8912
8914
  boxSizing: 'border-box',
8913
8915
  borderWidth: '0',
package/dist/overlay-panel/overlay-panel.css CHANGED
@@ -128,9 +128,9 @@
128
128
  .ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined {
129
129
  border-color: var(--ids-comp-overlay-panel-elevated-color-border-surface-default);
130
130
  }
131
- .ids-overlay-panel button:hover {
131
+ .ids-overlay-panel.ids-overlay-panel-has-menu button:hover {
132
132
  border-color: transparent;
133
133
  }
134
- .ids-overlay-panel button:focus, .ids-overlay-panel button:focus-visible {
134
+ .ids-overlay-panel.ids-overlay-panel-has-menu button:focus, .ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible {
135
135
  outline-style: none !important;
136
136
  }
package/dist/overlay-panel/overlay-panel.min.css CHANGED
@@ -1 +1 @@
1
- .ids-overlay-panel{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-overlay-panel::before,.ids-overlay-panel::after,.ids-overlay-panel *,.ids-overlay-panel ::before,.ids-overlay-panel ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-overlay-panel.ids-overlay-panel-compact{gap:var(--ids-comp-overlay-panel-size-gap-compact);padding:var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);border-radius:var(--ids-comp-overlay-panel-size-border-radius-compact)}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable{gap:var(--ids-comp-overlay-panel-size-gap-comfortable);padding:var(--ids-comp-overlay-panel-size-padding-y-comfortable) var(--ids-comp-overlay-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-overlay-panel-size-border-radius-comfortable)}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious{gap:var(--ids-comp-overlay-panel-size-gap-spacious);padding:var(--ids-comp-overlay-panel-size-padding-y-spacious) var(--ids-comp-overlay-panel-size-padding-x-spacious);border-radius:var(--ids-comp-overlay-panel-size-border-radius-spacious)}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense{gap:var(--ids-comp-overlay-panel-size-gap-dense);padding:var(--ids-comp-overlay-panel-size-padding-y-dense) var(--ids-comp-overlay-panel-size-padding-x-dense);border-radius:var(--ids-comp-overlay-panel-size-border-radius-dense)}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-filled{box-shadow:none}.ids-overlay-panel.ids-overlay-panel-outlined{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter)}.ids-overlay-panel.ids-overlay-panel-elevated{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-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-filled-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-filled-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-outlined-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-outlined-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-elevated-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-elevated-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-surface-default)}.ids-overlay-panel button:hover{border-color:rgba(0,0,0,0)}.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible{outline-style:none !important}
1
+ .ids-overlay-panel{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-overlay-panel::before,.ids-overlay-panel::after,.ids-overlay-panel *,.ids-overlay-panel ::before,.ids-overlay-panel ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-overlay-panel.ids-overlay-panel-compact{gap:var(--ids-comp-overlay-panel-size-gap-compact);padding:var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);border-radius:var(--ids-comp-overlay-panel-size-border-radius-compact)}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable{gap:var(--ids-comp-overlay-panel-size-gap-comfortable);padding:var(--ids-comp-overlay-panel-size-padding-y-comfortable) var(--ids-comp-overlay-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-overlay-panel-size-border-radius-comfortable)}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious{gap:var(--ids-comp-overlay-panel-size-gap-spacious);padding:var(--ids-comp-overlay-panel-size-padding-y-spacious) var(--ids-comp-overlay-panel-size-padding-x-spacious);border-radius:var(--ids-comp-overlay-panel-size-border-radius-spacious)}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense{gap:var(--ids-comp-overlay-panel-size-gap-dense);padding:var(--ids-comp-overlay-panel-size-padding-y-dense) var(--ids-comp-overlay-panel-size-padding-x-dense);border-radius:var(--ids-comp-overlay-panel-size-border-radius-dense)}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-filled{box-shadow:none}.ids-overlay-panel.ids-overlay-panel-outlined{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter)}.ids-overlay-panel.ids-overlay-panel-elevated{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-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-filled-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-filled-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-outlined-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-outlined-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-elevated-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-elevated-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-has-menu button:hover{border-color:rgba(0,0,0,0)}.ids-overlay-panel.ids-overlay-panel-has-menu button:focus,.ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible{outline-style:none !important}
package/dist/overlay-panel/overlay-panel.plugin.js CHANGED
@@ -131,8 +131,10 @@ module.exports = function OverlayPanelPlugin() {
131
131
  '.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined': {
132
132
  borderColor: 'var(--ids-comp-overlay-panel-elevated-color-border-surface-default)',
133
133
  },
134
- '.ids-overlay-panel button:hover': { borderColor: 'rgba(0,0,0,0)' },
135
- '.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible': { outlineStyle: 'none !important' },
134
+ '.ids-overlay-panel.ids-overlay-panel-has-menu button:hover': { borderColor: 'rgba(0,0,0,0)' },
135
+ '.ids-overlay-panel.ids-overlay-panel-has-menu button:focus,.ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible': {
136
+ outlineStyle: 'none !important',
137
+ },
136
138
  };
137
139
 
138
140
  addComponents(cssObj);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.52",
3
+ "version": "0.0.53",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {