@i-cell/ids-styles 0.0.7 → 0.0.8

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/action-panel/action-panel.css +2 -2
  2. package/dist/action-panel/action-panel.min.css +1 -1
  3. package/dist/action-panel/action-panel.plugin.js +3 -2
  4. package/dist/components.css +2 -2
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +3 -2
  7. package/package.json +1 -1
package/dist/action-panel/action-panel.css CHANGED
@@ -62,10 +62,10 @@
62
62
  border: var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-elevated-color-border-light-default);
63
63
  }
64
64
  .ids-action-panel.ids-action-panel-filled {
65
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
65
+ box-shadow: none;
66
66
  }
67
67
  .ids-action-panel.ids-action-panel-outlined {
68
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
68
+ 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);
69
69
  }
70
70
  .ids-action-panel.ids-action-panel-elevated {
71
71
  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);
package/dist/action-panel/action-panel.min.css CHANGED
@@ -1 +1 @@
1
- .ids-action-panel{display:flex;width:22.25rem;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-action-panel.ids-action-panel-compact{gap:var(--ids-comp-action-panel-size-gap-compact);padding:var(--ids-comp-action-panel-size-padding-y-compact) var(--ids-comp-action-panel-size-padding-x-compact);border-radius:var(--ids-comp-action-panel-size-border-radius-compact)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable{gap:var(--ids-comp-action-panel-size-gap-comfortable);padding:var(--ids-comp-action-panel-size-padding-y-comfortable) var(--ids-comp-action-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-action-panel-size-border-radius-comfortable)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious{gap:var(--ids-comp-action-panel-size-gap-spacious);padding:var(--ids-comp-action-panel-size-padding-y-spacious) var(--ids-comp-action-panel-size-padding-x-spacious);border-radius:var(--ids-comp-action-panel-size-border-radius-spacious)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-dense{gap:var(--ids-comp-action-panel-size-gap-dense);padding:var(--ids-comp-action-panel-size-padding-y-dense) var(--ids-comp-action-panel-size-padding-x-dense);border-radius:var(--ids-comp-action-panel-size-border-radius-dense)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-filled{box-shadow:0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0)}.ids-action-panel.ids-action-panel-outlined{box-shadow:0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0)}.ids-action-panel.ids-action-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-action-panel.ids-action-panel-filled{background:var(--ids-comp-action-panel-filled-color-bg-light-default)}.ids-action-panel.ids-action-panel-outlined{background:var(--ids-comp-action-panel-outlined-color-bg-light-default)}.ids-action-panel.ids-action-panel-elevated{background:var(--ids-comp-action-panel-elevated-color-bg-light-default)}.ids-action-panel button:hover{border-color:rgba(0,0,0,0)}.ids-action-panel button:focus{outline:none !important}.cdk-overlay-connected-position-bounding-box:first-of-type .cdk-overlay-pane:has(.ids-action-panel){@apply py-3}
1
+ .ids-action-panel{display:flex;width:22.25rem;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-action-panel.ids-action-panel-compact{gap:var(--ids-comp-action-panel-size-gap-compact);padding:var(--ids-comp-action-panel-size-padding-y-compact) var(--ids-comp-action-panel-size-padding-x-compact);border-radius:var(--ids-comp-action-panel-size-border-radius-compact)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-compact.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-compact) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable{gap:var(--ids-comp-action-panel-size-gap-comfortable);padding:var(--ids-comp-action-panel-size-padding-y-comfortable) var(--ids-comp-action-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-action-panel-size-border-radius-comfortable)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-comfortable.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-comfortable) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious{gap:var(--ids-comp-action-panel-size-gap-spacious);padding:var(--ids-comp-action-panel-size-padding-y-spacious) var(--ids-comp-action-panel-size-padding-x-spacious);border-radius:var(--ids-comp-action-panel-size-border-radius-spacious)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-spacious.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-spacious) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-dense{gap:var(--ids-comp-action-panel-size-gap-dense);padding:var(--ids-comp-action-panel-size-padding-y-dense) var(--ids-comp-action-panel-size-padding-x-dense);border-radius:var(--ids-comp-action-panel-size-border-radius-dense)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-filled.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-filled-color-border-light-default)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-outlined.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-outlined-color-border-light-default)}.ids-action-panel.ids-action-panel-dense.ids-action-panel-elevated.ids-action-panel-outlined{border:var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-elevated-color-border-light-default)}.ids-action-panel.ids-action-panel-filled{box-shadow:none}.ids-action-panel.ids-action-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-action-panel.ids-action-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-action-panel.ids-action-panel-filled{background:var(--ids-comp-action-panel-filled-color-bg-light-default)}.ids-action-panel.ids-action-panel-outlined{background:var(--ids-comp-action-panel-outlined-color-bg-light-default)}.ids-action-panel.ids-action-panel-elevated{background:var(--ids-comp-action-panel-elevated-color-bg-light-default)}.ids-action-panel button:hover{border-color:rgba(0,0,0,0)}.ids-action-panel button:focus{outline:none !important}.cdk-overlay-connected-position-bounding-box:first-of-type .cdk-overlay-pane:has(.ids-action-panel){@apply py-3}
package/dist/action-panel/action-panel.plugin.js CHANGED
@@ -68,11 +68,12 @@ module.exports = function ActionPanelPlugin() {
68
68
  border: 'var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-elevated-color-border-light-default)',
69
69
  },
70
70
  '.ids-action-panel.ids-action-panel-filled': {
71
- boxShadow: '0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0)',
71
+ boxShadow: 'none',
72
72
  background: 'var(--ids-comp-action-panel-filled-color-bg-light-default)',
73
73
  },
74
74
  '.ids-action-panel.ids-action-panel-outlined': {
75
- boxShadow: '0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0)',
75
+ boxShadow:
76
+ '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)',
76
77
  background: 'var(--ids-comp-action-panel-outlined-color-bg-light-default)',
77
78
  },
78
79
  '.ids-action-panel.ids-action-panel-elevated': {
package/dist/components.css CHANGED
@@ -430,10 +430,10 @@
430
430
  border: var(--ids-comp-action-panel-size-border-dense) solid var(--ids-comp-action-panel-elevated-color-border-light-default);
431
431
  }
432
432
  .ids-action-panel.ids-action-panel-filled {
433
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
433
+ box-shadow: none;
434
434
  }
435
435
  .ids-action-panel.ids-action-panel-outlined {
436
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
436
+ 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);
437
437
  }
438
438
  .ids-action-panel.ids-action-panel-elevated {
439
439
  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);