jQuery UI icon states list

by Exceeder

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/redmond/jquery-ui.css">
<div class="ui-widget">
<h1>jQuery UI icon states</h1>
<ul style="line-height:3em; padding:2em 2em;">
    <li>ui-state-default
        <a href="#" class="ui-state-default ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
    <li>ui-state-highlight
    <a href="#" class="ui-state-highlight ui-button">
        <span class="ui-icon ui-icon-notice"></span> 
        <span class="ui-icon ui-icon-info"></span> 
    </a>
    </li>
    <li>ui-state-error
        <a href="#" class="ui-state-error ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
     <li>ui-state-error-text
        <a href="#" class="ui-state-error-text ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
    <li>ui-state-focus
        <a href="#" class="ui-state-focus ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
    
    <li>ui-state-active
        <a href="#" class="ui-state-active ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
  
    <li>ui-priority-primary
        <a href="#" class="ui-priority-primary ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
        <li>ui-priority-secondary
        <a href="#" class="ui-priority-secondary ui-button">
            <span class="ui-icon ui-icon-notice"></span> 
            <span class="ui-icon ui-icon-info"></span> 
        </a>
    </li>
   ...

CSS

ul .ui-button { 
    padding:0 0.2em;
    border-radius:0.4em;
}