@inera/ids-design 4.4.0 → 4.4.1

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 (3) hide show
  1. package/components/button/button-lit.js +1 -1
  2. package/components/button/button.css +1 -1
  3. package/package.json +1 -1
package/components/button/button-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids .ids-button:focus,.ids button.ids-button:focus,.ids-button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids .ids-button.ids-button--disabled,.ids .ids-button.ids-button--secondary.ids-button--disabled,.ids .ids-button.ids-button--secondary[disabled],.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button.ids-button--secondary.ids-button--disabled,.ids button.ids-button.ids-button--secondary[disabled],.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button.ids-button--secondary.ids-button--disabled,.ids-button.ids-button--secondary[disabled],.ids-button[disabled]{background-color:#fff!important;border:var(--btn-disabled_border)!important;color:var(--btn-disabled_color)!important}.ids button.ids-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids .ids-button,.ids button.ids-button,.ids-button{align-items:center;background-color:var(--btn_background-color);border:var(--btn_border);border-radius:var(--btn_border-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--btn_font-family);font-size:1rem;font-weight:var(--btn_font-weight);justify-content:center;line-height:22px;min-height:var(--btn-m_height);padding:var(--btn-m_padding);text-transform:uppercase;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.ids .ids-button.ids-button--active,.ids .ids-button:active,.ids .ids-button:focus,.ids .ids-button:hover,.ids button.ids-button.ids-button--active,.ids button.ids-button:active,.ids button.ids-button:focus,.ids button.ids-button:hover,.ids-button.ids-button--active,.ids-button:active,.ids-button:focus,.ids-button:hover{background-color:var(--btn-active_background-color);box-shadow:var(--btn-active_box-shadow)}.ids .ids-button.ids-button--s,.ids button.ids-button.ids-button--s,.ids-button.ids-button--s{font-size:.875rem;line-height:var(--btn-s_height);min-height:var(--btn-s_height);padding:var(--btn-s_padding)}.ids .ids-button.ids-button--l,.ids button.ids-button.ids-button--l,.ids-button.ids-button--l{font-size:1.125rem;height:var(--btn-l_height);line-height:var(--btn-l_height);padding:var(--btn-l_padding)}.ids .ids-button.ids-button--secondary,.ids button.ids-button.ids-button--secondary,.ids-button.ids-button--secondary{background-color:#fff;border:var(--btn-secondary_border);color:var(--btn-secondary_color)}.ids .ids-button.ids-button--secondary.ids-button--s,.ids button.ids-button.ids-button--secondary.ids-button--s,.ids-button.ids-button--secondary.ids-button--s{height:var(--btn-secondary-s_height)}.ids .ids-button.ids-button--secondary.ids-button--m,.ids button.ids-button.ids-button--secondary.ids-button--m,.ids-button.ids-button--secondary.ids-button--m{height:var(--btn-secondary-m_height)}.ids .ids-button.ids-button--secondary.ids-button--l,.ids button.ids-button.ids-button--secondary.ids-button--l,.ids-button.ids-button--secondary.ids-button--l{height:var(--btn-secondary-l_height)}.ids .ids-button.ids-button--secondary.ids-button--active,.ids .ids-button.ids-button--secondary:active,.ids .ids-button.ids-button--secondary:focus,.ids .ids-button.ids-button--secondary:hover,.ids button.ids-button.ids-button--secondary.ids-button--active,.ids button.ids-button.ids-button--secondary:active,.ids button.ids-button.ids-button--secondary:focus,.ids button.ids-button.ids-button--secondary:hover,.ids-button.ids-button--secondary.ids-button--active,.ids-button.ids-button--secondary:active,.ids-button.ids-button--secondary:focus,.ids-button.ids-button--secondary:hover{background-color:var(--btn-active_background-color);border:1px solid var(--btn-active_background-color);color:#fff}.ids .ids-button.ids-button--tertiary,.ids button.ids-button.ids-button--tertiary,.ids-button.ids-button--tertiary{background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--btn-tertiary_color);font-family:var(--font-family_2);line-height:22px;text-decoration:underline}.ids .ids-button.ids-button--tertiary.ids-button--active,.ids .ids-button.ids-button--tertiary:active,.ids .ids-button.ids-button--tertiary:focus,.ids .ids-button.ids-button--tertiary:hover,.ids button.ids-button.ids-button--tertiary.ids-button--active,.ids button.ids-button.ids-button--tertiary:active,.ids button.ids-button.ids-button--tertiary:focus,.ids button.ids-button.ids-button--tertiary:hover,.ids-button.ids-button--tertiary.ids-button--active,.ids-button.ids-button--tertiary:active,.ids-button.ids-button--tertiary:focus,.ids-button.ids-button--tertiary:hover{background-color:var(--btn-active_background-color);border-radius:var(--btn_border-radius);color:#fff}.ids .ids-button.ids-button--tertiary.ids-button--disabled,.ids .ids-button.ids-button--tertiary[disabled],.ids button.ids-button.ids-button--tertiary.ids-button--disabled,.ids button.ids-button.ids-button--tertiary[disabled],.ids-button.ids-button--tertiary.ids-button--disabled,.ids-button.ids-button--tertiary[disabled]{border:none!important;color:var(--btn-disabled_color);text-decoration:underline!important;text-decoration:none}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{height:3.75em!important}.ids .ids-button.ids-button--fab,.ids .ids-button.ids-button--icon,.ids button.ids-button.ids-button--fab,.ids button.ids-button.ids-button--icon,.ids-button.ids-button--fab,.ids-button.ids-button--icon{border-radius:100%;font-family:Open Sans;font-size:20px;font-style:normal;font-weight:400;height:44px!important;justify-content:center;line-height:0px!important;padding:0;width:44px}.ids .ids-button.ids-button--fab.ids-button--s,.ids .ids-button.ids-button--icon.ids-button--s,.ids button.ids-button.ids-button--fab.ids-button--s,.ids button.ids-button.ids-button--icon.ids-button--s,.ids-button.ids-button--fab.ids-button--s,.ids-button.ids-button--icon.ids-button--s{height:30px!important;width:30px}.ids .ids-button.ids-button--fab.ids-button--l,.ids .ids-button.ids-button--icon.ids-button--l,.ids button.ids-button.ids-button--fab.ids-button--l,.ids button.ids-button.ids-button--icon.ids-button--l,.ids-button.ids-button--fab.ids-button--l,.ids-button.ids-button--icon.ids-button--l{height:60px!important;width:60px}.ids .ids-button.ids-button--fab,.ids button.ids-button.ids-button--fab,.ids-button.ids-button--fab{background-color:#fff;border:var(--btn-fab_border);filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.ids .ids-button.ids-button--icon.ids-button--secondary,.ids button.ids-button.ids-button--icon.ids-button--secondary,.ids-button.ids-button--icon.ids-button--secondary{background-color:var(--btn-icon-secondary_background-color)}.ids .ids-button.ids-button--icon.ids-button--active,.ids .ids-button.ids-button--icon:active,.ids .ids-button.ids-button--icon:focus,.ids .ids-button.ids-button--icon:hover,.ids button.ids-button.ids-button--icon.ids-button--active,.ids button.ids-button.ids-button--icon:active,.ids button.ids-button.ids-button--icon:focus,.ids button.ids-button.ids-button--icon:hover,.ids-button.ids-button--icon.ids-button--active,.ids-button.ids-button--icon:active,.ids-button.ids-button--icon:focus,.ids-button.ids-button--icon:hover{background-color:var(--btn-icon-secondary--hover_background-color);color:#fff}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{border-radius:var(--btn-submit_border-radius);height:var(--btn-submit_height);line-height:var(--btn-submit_height)}.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{border-radius:var(--btn-search_border-radius);font-size:var(--btn-search_font-size);height:var(--btn-search_height);padding:0 30px!important}.ids .ids-button.ids-button--search.ids-button--s,.ids button.ids-button.ids-button--search.ids-button--s,.ids-button.ids-button--search.ids-button--s{font-size:var(--btn-search-s_font-size);height:var(--btn-search-s_height)}@media (max-width:1024px){.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{font-size:var(--btn-search-mobile_font-size)!important;height:var(--btn-search-mobile_height)!important;padding:0 14px!important}}.ids .ids-button.ids-button--block,.ids button.ids-button.ids-button--block,.ids-button.ids-button--block{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.ids .ids-button.ids-button--m-block,.ids button.ids-button.ids-button--m-block,.ids-button.ids-button--m-block{align-items:center;display:flex;justify-content:center;width:100%}}@media (max-width:640px){.ids .ids-button.ids-button--s-block,.ids button.ids-button.ids-button--s-block,.ids-button.ids-button--s-block{align-items:center;display:flex;justify-content:center;width:100%}}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled]{pointer-events:none}";
3
+ var css_248z = ".ids .ids-button:focus,.ids button.ids-button:focus,.ids-button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids .ids-button.ids-button--disabled,.ids .ids-button.ids-button--secondary.ids-button--disabled,.ids .ids-button.ids-button--secondary[disabled],.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button.ids-button--secondary.ids-button--disabled,.ids button.ids-button.ids-button--secondary[disabled],.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button.ids-button--secondary.ids-button--disabled,.ids-button.ids-button--secondary[disabled],.ids-button[disabled]{background-color:#fff!important;border:var(--btn-disabled_border)!important;color:var(--btn-disabled_color)!important}.ids button.ids-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids .ids-button,.ids button.ids-button,.ids-button{align-items:center;background-color:var(--btn_background-color);border:var(--btn_border);border-radius:var(--btn_border-radius);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--btn_font-family);font-size:1rem;font-weight:var(--btn_font-weight);gap:8px;justify-content:center;line-height:22px;min-height:var(--btn-m_height);padding:var(--btn-m_padding);text-transform:uppercase;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.ids .ids-button.ids-button--active,.ids .ids-button:active,.ids .ids-button:focus,.ids .ids-button:hover,.ids button.ids-button.ids-button--active,.ids button.ids-button:active,.ids button.ids-button:focus,.ids button.ids-button:hover,.ids-button.ids-button--active,.ids-button:active,.ids-button:focus,.ids-button:hover{background-color:var(--btn-active_background-color);box-shadow:var(--btn-active_box-shadow)}.ids .ids-button.ids-button--s,.ids button.ids-button.ids-button--s,.ids-button.ids-button--s{font-size:.875rem;line-height:var(--btn-s_height);min-height:var(--btn-s_height);padding:var(--btn-s_padding)}.ids .ids-button.ids-button--l,.ids button.ids-button.ids-button--l,.ids-button.ids-button--l{font-size:1.125rem;height:var(--btn-l_height);line-height:var(--btn-l_height);padding:var(--btn-l_padding)}.ids .ids-button.ids-button--secondary,.ids button.ids-button.ids-button--secondary,.ids-button.ids-button--secondary{background-color:#fff;border:var(--btn-secondary_border);color:var(--btn-secondary_color)}.ids .ids-button.ids-button--secondary.ids-button--s,.ids button.ids-button.ids-button--secondary.ids-button--s,.ids-button.ids-button--secondary.ids-button--s{height:var(--btn-secondary-s_height)}.ids .ids-button.ids-button--secondary.ids-button--m,.ids button.ids-button.ids-button--secondary.ids-button--m,.ids-button.ids-button--secondary.ids-button--m{height:var(--btn-secondary-m_height)}.ids .ids-button.ids-button--secondary.ids-button--l,.ids button.ids-button.ids-button--secondary.ids-button--l,.ids-button.ids-button--secondary.ids-button--l{height:var(--btn-secondary-l_height)}.ids .ids-button.ids-button--secondary.ids-button--active,.ids .ids-button.ids-button--secondary:active,.ids .ids-button.ids-button--secondary:focus,.ids .ids-button.ids-button--secondary:hover,.ids button.ids-button.ids-button--secondary.ids-button--active,.ids button.ids-button.ids-button--secondary:active,.ids button.ids-button.ids-button--secondary:focus,.ids button.ids-button.ids-button--secondary:hover,.ids-button.ids-button--secondary.ids-button--active,.ids-button.ids-button--secondary:active,.ids-button.ids-button--secondary:focus,.ids-button.ids-button--secondary:hover{background-color:var(--btn-active_background-color);border:1px solid var(--btn-active_background-color);color:#fff}.ids .ids-button.ids-button--tertiary,.ids button.ids-button.ids-button--tertiary,.ids-button.ids-button--tertiary{background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--btn-tertiary_color);font-family:var(--font-family_2);line-height:22px;text-decoration:underline}.ids .ids-button.ids-button--tertiary.ids-button--active,.ids .ids-button.ids-button--tertiary:active,.ids .ids-button.ids-button--tertiary:focus,.ids .ids-button.ids-button--tertiary:hover,.ids button.ids-button.ids-button--tertiary.ids-button--active,.ids button.ids-button.ids-button--tertiary:active,.ids button.ids-button.ids-button--tertiary:focus,.ids button.ids-button.ids-button--tertiary:hover,.ids-button.ids-button--tertiary.ids-button--active,.ids-button.ids-button--tertiary:active,.ids-button.ids-button--tertiary:focus,.ids-button.ids-button--tertiary:hover{background-color:var(--btn-active_background-color);border-radius:var(--btn_border-radius);color:#fff}.ids .ids-button.ids-button--tertiary.ids-button--disabled,.ids .ids-button.ids-button--tertiary[disabled],.ids button.ids-button.ids-button--tertiary.ids-button--disabled,.ids button.ids-button.ids-button--tertiary[disabled],.ids-button.ids-button--tertiary.ids-button--disabled,.ids-button.ids-button--tertiary[disabled]{border:none!important;color:var(--btn-disabled_color);text-decoration:underline!important;text-decoration:none}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{height:3.75em!important}.ids .ids-button.ids-button--fab,.ids .ids-button.ids-button--icon,.ids button.ids-button.ids-button--fab,.ids button.ids-button.ids-button--icon,.ids-button.ids-button--fab,.ids-button.ids-button--icon{border-radius:100%;font-family:Open Sans;font-size:20px;font-style:normal;font-weight:400;height:44px!important;justify-content:center;line-height:0px!important;padding:0;width:44px}.ids .ids-button.ids-button--fab.ids-button--s,.ids .ids-button.ids-button--icon.ids-button--s,.ids button.ids-button.ids-button--fab.ids-button--s,.ids button.ids-button.ids-button--icon.ids-button--s,.ids-button.ids-button--fab.ids-button--s,.ids-button.ids-button--icon.ids-button--s{height:30px!important;width:30px}.ids .ids-button.ids-button--fab.ids-button--l,.ids .ids-button.ids-button--icon.ids-button--l,.ids button.ids-button.ids-button--fab.ids-button--l,.ids button.ids-button.ids-button--icon.ids-button--l,.ids-button.ids-button--fab.ids-button--l,.ids-button.ids-button--icon.ids-button--l{height:60px!important;width:60px}.ids .ids-button.ids-button--fab,.ids button.ids-button.ids-button--fab,.ids-button.ids-button--fab{background-color:#fff;border:var(--btn-fab_border);filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.ids .ids-button.ids-button--icon.ids-button--secondary,.ids button.ids-button.ids-button--icon.ids-button--secondary,.ids-button.ids-button--icon.ids-button--secondary{background-color:var(--btn-icon-secondary_background-color)}.ids .ids-button.ids-button--icon.ids-button--active,.ids .ids-button.ids-button--icon:active,.ids .ids-button.ids-button--icon:focus,.ids .ids-button.ids-button--icon:hover,.ids button.ids-button.ids-button--icon.ids-button--active,.ids button.ids-button.ids-button--icon:active,.ids button.ids-button.ids-button--icon:focus,.ids button.ids-button.ids-button--icon:hover,.ids-button.ids-button--icon.ids-button--active,.ids-button.ids-button--icon:active,.ids-button.ids-button--icon:focus,.ids-button.ids-button--icon:hover{background-color:var(--btn-icon-secondary--hover_background-color);color:#fff}.ids .ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit,.ids-button.ids-button--submit{border-radius:var(--btn-submit_border-radius);height:var(--btn-submit_height);line-height:var(--btn-submit_height)}.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{border-radius:var(--btn-search_border-radius);font-size:var(--btn-search_font-size);height:var(--btn-search_height);padding:0 30px!important}.ids .ids-button.ids-button--search.ids-button--s,.ids button.ids-button.ids-button--search.ids-button--s,.ids-button.ids-button--search.ids-button--s{font-size:var(--btn-search-s_font-size);height:var(--btn-search-s_height)}@media (max-width:1024px){.ids .ids-button.ids-button--search,.ids button.ids-button.ids-button--search,.ids-button.ids-button--search{font-size:var(--btn-search-mobile_font-size)!important;height:var(--btn-search-mobile_height)!important;padding:0 14px!important}}.ids .ids-button.ids-button--block,.ids button.ids-button.ids-button--block,.ids-button.ids-button--block{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.ids .ids-button.ids-button--m-block,.ids button.ids-button.ids-button--m-block,.ids-button.ids-button--m-block{align-items:center;display:flex;justify-content:center;width:100%}}@media (max-width:640px){.ids .ids-button.ids-button--s-block,.ids button.ids-button.ids-button--s-block,.ids-button.ids-button--s-block{align-items:center;display:flex;justify-content:center;width:100%}}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled]{pointer-events:none}";
4
4
 
5
5
  var buttonLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/button/button.css CHANGED
@@ -1 +1 @@
1
- .ids button.ids-button:focus,.ids .ids-button:focus,.ids-button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled],.ids .ids-button.ids-button--secondary.ids-button--disabled,.ids .ids-button.ids-button--secondary[disabled],.ids-button.ids-button--secondary.ids-button--disabled,.ids-button.ids-button--secondary[disabled],.ids button.ids-button.ids-button--secondary.ids-button--disabled,.ids button.ids-button.ids-button--secondary[disabled]{color:var(--btn-disabled_color) !important;border:var(--btn-disabled_border) !important;background-color:white !important}.ids button.ids-button{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids .ids-button,.ids-button,.ids button.ids-button{background-color:var(--btn_background-color);border:var(--btn_border);border-radius:var(--btn_border-radius);box-sizing:border-box;color:white;cursor:pointer;padding:var(--btn-m_padding);display:inline-flex;justify-content:center;align-items:center;font-family:var(--btn_font-family);font-weight:var(--btn_font-weight);text-transform:uppercase;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:1rem;min-height:var(--btn-m_height);line-height:22px}.ids .ids-button:hover,.ids .ids-button:active,.ids .ids-button:focus,.ids .ids-button.ids-button--active,.ids-button:hover,.ids-button:active,.ids-button:focus,.ids-button.ids-button--active,.ids button.ids-button:hover,.ids button.ids-button:active,.ids button.ids-button:focus,.ids button.ids-button.ids-button--active{background-color:var(--btn-active_background-color);box-shadow:var(--btn-active_box-shadow)}.ids .ids-button.ids-button--s,.ids-button.ids-button--s,.ids button.ids-button.ids-button--s{font-size:0.875rem;min-height:var(--btn-s_height);line-height:var(--btn-s_height);padding:var(--btn-s_padding)}.ids .ids-button.ids-button--l,.ids-button.ids-button--l,.ids button.ids-button.ids-button--l{font-size:1.125rem;height:var(--btn-l_height);line-height:var(--btn-l_height);padding:var(--btn-l_padding)}.ids .ids-button.ids-button--secondary,.ids-button.ids-button--secondary,.ids button.ids-button.ids-button--secondary{background-color:white;border:var(--btn-secondary_border);color:var(--btn-secondary_color)}.ids .ids-button.ids-button--secondary.ids-button--s,.ids-button.ids-button--secondary.ids-button--s,.ids button.ids-button.ids-button--secondary.ids-button--s{height:var(--btn-secondary-s_height)}.ids .ids-button.ids-button--secondary.ids-button--m,.ids-button.ids-button--secondary.ids-button--m,.ids button.ids-button.ids-button--secondary.ids-button--m{height:var(--btn-secondary-m_height)}.ids .ids-button.ids-button--secondary.ids-button--l,.ids-button.ids-button--secondary.ids-button--l,.ids button.ids-button.ids-button--secondary.ids-button--l{height:var(--btn-secondary-l_height)}.ids .ids-button.ids-button--secondary.ids-button--active,.ids .ids-button.ids-button--secondary:hover,.ids .ids-button.ids-button--secondary:focus,.ids .ids-button.ids-button--secondary:active,.ids-button.ids-button--secondary.ids-button--active,.ids-button.ids-button--secondary:hover,.ids-button.ids-button--secondary:focus,.ids-button.ids-button--secondary:active,.ids button.ids-button.ids-button--secondary.ids-button--active,.ids button.ids-button.ids-button--secondary:hover,.ids button.ids-button.ids-button--secondary:focus,.ids button.ids-button.ids-button--secondary:active{background-color:var(--btn-active_background-color);color:white;border:1px solid var(--btn-active_background-color)}.ids .ids-button.ids-button--tertiary,.ids-button.ids-button--tertiary,.ids button.ids-button.ids-button--tertiary{background:transparent;border-radius:0px;border:none;color:var(--btn-tertiary_color);box-shadow:none;line-height:22px;font-family:var(--font-family_2);text-decoration:underline}.ids .ids-button.ids-button--tertiary.ids-button--active,.ids .ids-button.ids-button--tertiary:hover,.ids .ids-button.ids-button--tertiary:active,.ids .ids-button.ids-button--tertiary:focus,.ids-button.ids-button--tertiary.ids-button--active,.ids-button.ids-button--tertiary:hover,.ids-button.ids-button--tertiary:active,.ids-button.ids-button--tertiary:focus,.ids button.ids-button.ids-button--tertiary.ids-button--active,.ids button.ids-button.ids-button--tertiary:hover,.ids button.ids-button.ids-button--tertiary:active,.ids button.ids-button.ids-button--tertiary:focus{background-color:var(--btn-active_background-color);color:white;border-radius:var(--btn_border-radius)}.ids .ids-button.ids-button--tertiary.ids-button--disabled,.ids .ids-button.ids-button--tertiary[disabled],.ids-button.ids-button--tertiary.ids-button--disabled,.ids-button.ids-button--tertiary[disabled],.ids button.ids-button.ids-button--tertiary.ids-button--disabled,.ids button.ids-button.ids-button--tertiary[disabled]{border:none !important;text-decoration:underline !important;color:var(--btn-disabled_color);text-decoration:none}.ids .ids-button.ids-button--submit,.ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit{height:3.75em !important;border-radius:var(--btn-submit_border-radius)}.ids .ids-button.ids-button--icon,.ids .ids-button.ids-button--fab,.ids-button.ids-button--icon,.ids-button.ids-button--fab,.ids button.ids-button.ids-button--icon,.ids button.ids-button.ids-button--fab{width:44px;height:44px !important;border-radius:100%;font-family:'Open Sans';font-style:normal;font-weight:400;line-height:0px !important;font-size:20px;padding:0px;justify-content:center}.ids .ids-button.ids-button--icon.ids-button--s,.ids .ids-button.ids-button--fab.ids-button--s,.ids-button.ids-button--icon.ids-button--s,.ids-button.ids-button--fab.ids-button--s,.ids button.ids-button.ids-button--icon.ids-button--s,.ids button.ids-button.ids-button--fab.ids-button--s{width:30px;height:30px !important}.ids .ids-button.ids-button--icon.ids-button--l,.ids .ids-button.ids-button--fab.ids-button--l,.ids-button.ids-button--icon.ids-button--l,.ids-button.ids-button--fab.ids-button--l,.ids button.ids-button.ids-button--icon.ids-button--l,.ids button.ids-button.ids-button--fab.ids-button--l{width:60px;height:60px !important}.ids .ids-button.ids-button--fab,.ids-button.ids-button--fab,.ids button.ids-button.ids-button--fab{background-color:white;border:var(--btn-fab_border);filter:drop-shadow(0px 0px 6px rgba(0,0,0,0.3))}.ids .ids-button.ids-button--icon.ids-button--secondary,.ids-button.ids-button--icon.ids-button--secondary,.ids button.ids-button.ids-button--icon.ids-button--secondary{background-color:var(--btn-icon-secondary_background-color)}.ids .ids-button.ids-button--icon.ids-button--active,.ids .ids-button.ids-button--icon:hover,.ids .ids-button.ids-button--icon:active,.ids .ids-button.ids-button--icon:focus,.ids-button.ids-button--icon.ids-button--active,.ids-button.ids-button--icon:hover,.ids-button.ids-button--icon:active,.ids-button.ids-button--icon:focus,.ids button.ids-button.ids-button--icon.ids-button--active,.ids button.ids-button.ids-button--icon:hover,.ids button.ids-button.ids-button--icon:active,.ids button.ids-button.ids-button--icon:focus{background-color:var(--btn-icon-secondary--hover_background-color);color:white}.ids .ids-button.ids-button--submit,.ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit{height:var(--btn-submit_height);border-radius:var(--btn-submit_border-radius);line-height:var(--btn-submit_height)}.ids .ids-button.ids-button--search,.ids-button.ids-button--search,.ids button.ids-button.ids-button--search{height:var(--btn-search_height);padding:0px 30px !important;font-size:var(--btn-search_font-size);border-radius:var(--btn-search_border-radius)}.ids .ids-button.ids-button--search.ids-button--s,.ids-button.ids-button--search.ids-button--s,.ids button.ids-button.ids-button--search.ids-button--s{height:var(--btn-search-s_height);font-size:var(--btn-search-s_font-size)}@media (max-width: 1024px){.ids .ids-button.ids-button--search,.ids-button.ids-button--search,.ids button.ids-button.ids-button--search{font-size:var(--btn-search-mobile_font-size) !important;padding:0px 14px !important;height:var(--btn-search-mobile_height) !important}}.ids .ids-button.ids-button--block,.ids-button.ids-button--block,.ids button.ids-button.ids-button--block{display:flex;width:100%;align-items:center;justify-content:center}@media (max-width: 1024px){.ids .ids-button.ids-button--m-block,.ids-button.ids-button--m-block,.ids button.ids-button.ids-button--m-block{display:flex;width:100%;align-items:center;justify-content:center}}@media (max-width: 640px){.ids .ids-button.ids-button--s-block,.ids-button.ids-button--s-block,.ids button.ids-button.ids-button--s-block{display:flex;width:100%;align-items:center;justify-content:center}}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled]{pointer-events:none}
1
+ .ids button.ids-button:focus,.ids .ids-button:focus,.ids-button:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled],.ids .ids-button.ids-button--secondary.ids-button--disabled,.ids .ids-button.ids-button--secondary[disabled],.ids-button.ids-button--secondary.ids-button--disabled,.ids-button.ids-button--secondary[disabled],.ids button.ids-button.ids-button--secondary.ids-button--disabled,.ids button.ids-button.ids-button--secondary[disabled]{color:var(--btn-disabled_color) !important;border:var(--btn-disabled_border) !important;background-color:white !important}.ids button.ids-button{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids .ids-button,.ids-button,.ids button.ids-button{background-color:var(--btn_background-color);border:var(--btn_border);border-radius:var(--btn_border-radius);box-sizing:border-box;color:white;cursor:pointer;padding:var(--btn-m_padding);gap:8px;display:inline-flex;justify-content:center;align-items:center;font-family:var(--btn_font-family);font-weight:var(--btn_font-weight);text-transform:uppercase;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:1rem;min-height:var(--btn-m_height);line-height:22px}.ids .ids-button:hover,.ids .ids-button:active,.ids .ids-button:focus,.ids .ids-button.ids-button--active,.ids-button:hover,.ids-button:active,.ids-button:focus,.ids-button.ids-button--active,.ids button.ids-button:hover,.ids button.ids-button:active,.ids button.ids-button:focus,.ids button.ids-button.ids-button--active{background-color:var(--btn-active_background-color);box-shadow:var(--btn-active_box-shadow)}.ids .ids-button.ids-button--s,.ids-button.ids-button--s,.ids button.ids-button.ids-button--s{font-size:0.875rem;min-height:var(--btn-s_height);line-height:var(--btn-s_height);padding:var(--btn-s_padding)}.ids .ids-button.ids-button--l,.ids-button.ids-button--l,.ids button.ids-button.ids-button--l{font-size:1.125rem;height:var(--btn-l_height);line-height:var(--btn-l_height);padding:var(--btn-l_padding)}.ids .ids-button.ids-button--secondary,.ids-button.ids-button--secondary,.ids button.ids-button.ids-button--secondary{background-color:white;border:var(--btn-secondary_border);color:var(--btn-secondary_color)}.ids .ids-button.ids-button--secondary.ids-button--s,.ids-button.ids-button--secondary.ids-button--s,.ids button.ids-button.ids-button--secondary.ids-button--s{height:var(--btn-secondary-s_height)}.ids .ids-button.ids-button--secondary.ids-button--m,.ids-button.ids-button--secondary.ids-button--m,.ids button.ids-button.ids-button--secondary.ids-button--m{height:var(--btn-secondary-m_height)}.ids .ids-button.ids-button--secondary.ids-button--l,.ids-button.ids-button--secondary.ids-button--l,.ids button.ids-button.ids-button--secondary.ids-button--l{height:var(--btn-secondary-l_height)}.ids .ids-button.ids-button--secondary.ids-button--active,.ids .ids-button.ids-button--secondary:hover,.ids .ids-button.ids-button--secondary:focus,.ids .ids-button.ids-button--secondary:active,.ids-button.ids-button--secondary.ids-button--active,.ids-button.ids-button--secondary:hover,.ids-button.ids-button--secondary:focus,.ids-button.ids-button--secondary:active,.ids button.ids-button.ids-button--secondary.ids-button--active,.ids button.ids-button.ids-button--secondary:hover,.ids button.ids-button.ids-button--secondary:focus,.ids button.ids-button.ids-button--secondary:active{background-color:var(--btn-active_background-color);color:white;border:1px solid var(--btn-active_background-color)}.ids .ids-button.ids-button--tertiary,.ids-button.ids-button--tertiary,.ids button.ids-button.ids-button--tertiary{background:transparent;border-radius:0px;border:none;color:var(--btn-tertiary_color);box-shadow:none;line-height:22px;font-family:var(--font-family_2);text-decoration:underline}.ids .ids-button.ids-button--tertiary.ids-button--active,.ids .ids-button.ids-button--tertiary:hover,.ids .ids-button.ids-button--tertiary:active,.ids .ids-button.ids-button--tertiary:focus,.ids-button.ids-button--tertiary.ids-button--active,.ids-button.ids-button--tertiary:hover,.ids-button.ids-button--tertiary:active,.ids-button.ids-button--tertiary:focus,.ids button.ids-button.ids-button--tertiary.ids-button--active,.ids button.ids-button.ids-button--tertiary:hover,.ids button.ids-button.ids-button--tertiary:active,.ids button.ids-button.ids-button--tertiary:focus{background-color:var(--btn-active_background-color);color:white;border-radius:var(--btn_border-radius)}.ids .ids-button.ids-button--tertiary.ids-button--disabled,.ids .ids-button.ids-button--tertiary[disabled],.ids-button.ids-button--tertiary.ids-button--disabled,.ids-button.ids-button--tertiary[disabled],.ids button.ids-button.ids-button--tertiary.ids-button--disabled,.ids button.ids-button.ids-button--tertiary[disabled]{border:none !important;text-decoration:underline !important;color:var(--btn-disabled_color);text-decoration:none}.ids .ids-button.ids-button--submit,.ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit{height:3.75em !important;border-radius:var(--btn-submit_border-radius)}.ids .ids-button.ids-button--icon,.ids .ids-button.ids-button--fab,.ids-button.ids-button--icon,.ids-button.ids-button--fab,.ids button.ids-button.ids-button--icon,.ids button.ids-button.ids-button--fab{width:44px;height:44px !important;border-radius:100%;font-family:'Open Sans';font-style:normal;font-weight:400;line-height:0px !important;font-size:20px;padding:0px;justify-content:center}.ids .ids-button.ids-button--icon.ids-button--s,.ids .ids-button.ids-button--fab.ids-button--s,.ids-button.ids-button--icon.ids-button--s,.ids-button.ids-button--fab.ids-button--s,.ids button.ids-button.ids-button--icon.ids-button--s,.ids button.ids-button.ids-button--fab.ids-button--s{width:30px;height:30px !important}.ids .ids-button.ids-button--icon.ids-button--l,.ids .ids-button.ids-button--fab.ids-button--l,.ids-button.ids-button--icon.ids-button--l,.ids-button.ids-button--fab.ids-button--l,.ids button.ids-button.ids-button--icon.ids-button--l,.ids button.ids-button.ids-button--fab.ids-button--l{width:60px;height:60px !important}.ids .ids-button.ids-button--fab,.ids-button.ids-button--fab,.ids button.ids-button.ids-button--fab{background-color:white;border:var(--btn-fab_border);filter:drop-shadow(0px 0px 6px rgba(0,0,0,0.3))}.ids .ids-button.ids-button--icon.ids-button--secondary,.ids-button.ids-button--icon.ids-button--secondary,.ids button.ids-button.ids-button--icon.ids-button--secondary{background-color:var(--btn-icon-secondary_background-color)}.ids .ids-button.ids-button--icon.ids-button--active,.ids .ids-button.ids-button--icon:hover,.ids .ids-button.ids-button--icon:active,.ids .ids-button.ids-button--icon:focus,.ids-button.ids-button--icon.ids-button--active,.ids-button.ids-button--icon:hover,.ids-button.ids-button--icon:active,.ids-button.ids-button--icon:focus,.ids button.ids-button.ids-button--icon.ids-button--active,.ids button.ids-button.ids-button--icon:hover,.ids button.ids-button.ids-button--icon:active,.ids button.ids-button.ids-button--icon:focus{background-color:var(--btn-icon-secondary--hover_background-color);color:white}.ids .ids-button.ids-button--submit,.ids-button.ids-button--submit,.ids button.ids-button.ids-button--submit{height:var(--btn-submit_height);border-radius:var(--btn-submit_border-radius);line-height:var(--btn-submit_height)}.ids .ids-button.ids-button--search,.ids-button.ids-button--search,.ids button.ids-button.ids-button--search{height:var(--btn-search_height);padding:0px 30px !important;font-size:var(--btn-search_font-size);border-radius:var(--btn-search_border-radius)}.ids .ids-button.ids-button--search.ids-button--s,.ids-button.ids-button--search.ids-button--s,.ids button.ids-button.ids-button--search.ids-button--s{height:var(--btn-search-s_height);font-size:var(--btn-search-s_font-size)}@media (max-width: 1024px){.ids .ids-button.ids-button--search,.ids-button.ids-button--search,.ids button.ids-button.ids-button--search{font-size:var(--btn-search-mobile_font-size) !important;padding:0px 14px !important;height:var(--btn-search-mobile_height) !important}}.ids .ids-button.ids-button--block,.ids-button.ids-button--block,.ids button.ids-button.ids-button--block{display:flex;width:100%;align-items:center;justify-content:center}@media (max-width: 1024px){.ids .ids-button.ids-button--m-block,.ids-button.ids-button--m-block,.ids button.ids-button.ids-button--m-block{display:flex;width:100%;align-items:center;justify-content:center}}@media (max-width: 640px){.ids .ids-button.ids-button--s-block,.ids-button.ids-button--s-block,.ids button.ids-button.ids-button--s-block{display:flex;width:100%;align-items:center;justify-content:center}}.ids .ids-button.ids-button--disabled,.ids .ids-button[disabled],.ids-button.ids-button--disabled,.ids-button[disabled],.ids button.ids-button.ids-button--disabled,.ids button.ids-button[disabled]{pointer-events:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "4.4.0",
3
+ "version": "4.4.1",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"