@oicl/openbridge-webcomponents 0.0.13 → 0.0.15

package/src/icons/icon-01-sync.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-sync')
 export class Obi01Sync extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 20V18H6.75L6.35 17.65C5.48333 16.8833 4.875 16.0083 4.525 15.025C4.175 14.0417 4 13.05 4 12.05C4 10.2 4.55417 8.55417 5.6625 7.1125C6.77083 5.67083 8.21667 4.71667 10 4.25V6.35C8.8 6.78333 7.83333 7.52083 7.1 8.5625C6.36667 9.60417 6 10.7667 6 12.05C6 12.8 6.14167 13.5292 6.425 14.2375C6.70833 14.9458 7.15 15.6 7.75 16.2L8 16.45V14H10V20H4ZM14 19.75V17.65C15.2 17.2167 16.1667 16.4792 16.9 15.4375C17.6333 14.3958 18 13.2333 18 11.95C18 11.2 17.8583 10.4708 17.575 9.7625C17.2917 9.05417 16.85 8.4 16.25 7.8L16 7.55V10H14V4H20V6H17.25L17.65 6.35C18.4667 7.16667 19.0625 8.05417 19.4375 9.0125C19.8125 9.97083 20 10.95 20 11.95C20 13.8 19.4458 15.4458 18.3375 16.8875C17.2292 18.3292 15.7833 19.2833 14 19.75Z" fill="currentColor"/>

package/src/icons/icon-01-text.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-text')
 export class Obi01Text extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.7884 18L7.92438 8.928H7.86038C7.87104 9.14133 7.88704 9.456 7.90838 9.872C7.92971 10.2773 7.95104 10.72 7.97238 11.2C7.99371 11.6693 8.00438 12.1067 8.00438 12.512V18H5.94038V6.576H9.10838L11.8924 15.376H11.9404L14.9004 6.576H18.0524V18H15.8924V12.416C15.8924 12.0427 15.8977 11.632 15.9084 11.184C15.9297 10.7253 15.9457 10.2933 15.9564 9.888C15.9777 9.472 15.9937 9.15733 16.0044 8.944H15.9404L12.9004 18H10.7884Z" fill="currentColor" />

package/src/icons/icon-01-undo.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-undo')
 export class Obi01Undo extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.31323 18.9473V16.9473H14.4132C15.4632 16.9473 16.3756 16.6139 17.1502 15.9473C17.9256 15.2806 18.3132 14.4473 18.3132 13.4473C18.3132 12.4473 17.9256 11.6139 17.1502 10.9473C16.3756 10.2806 15.4632 9.94727 14.4132 9.94727H8.11323L10.7132 12.5473L9.31323 13.9473L4.31323 8.94727L9.31323 3.94727L10.7132 5.34727L8.11323 7.94727H14.4132C16.0299 7.94727 17.4176 8.47227 18.5762 9.52227C19.7342 10.5723 20.3132 11.8806 20.3132 13.4473C20.3132 15.0139 19.7342 16.3223 18.5762 17.3723C17.4176 18.4223 16.0299 18.9473 14.4132 18.9473H7.31323Z" fill="currentColor"/>

package/src/icons/icon-01-visibility-off.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-visibility-off')
 export class Obi01VisibilityOff extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 6C14.76 6 17 8.24 17 11C17 11.65 16.87 12.26 16.64 12.83L19.56 15.75C21.07 14.49 22.26 12.86 22.99 11C21.26 6.61 16.99 3.5 11.99 3.5C10.59 3.5 9.25 3.75 8.01 4.2L10.17 6.36C10.74 6.13 11.35 6 12 6ZM2 3.27L4.28 5.55L4.74 6.01C3.08 7.3 1.78 9.02 1 11C2.73 15.39 7 18.5 12 18.5C13.55 18.5 15.03 18.2 16.38 17.66L16.8 18.08L19.73 21L21 19.73L3.27 2L2 3.27ZM7.53 8.8L9.08 10.35C9.03 10.56 9 10.78 9 11C9 12.66 10.34 14 12 14C12.22 14 12.44 13.97 12.65 13.92L14.2 15.47C13.53 15.8 12.79 16 12 16C9.24 16 7 13.76 7 11C7 10.21 7.2 9.47 7.53 8.8ZM11.84 8.02L14.99 11.17L15.01 11.01C15.01 9.35 13.67 8.01 12.01 8.01L11.84 8.02Z" fill="currentColor"/>

package/src/icons/icon-01-visibility.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-visibility')
 export class Obi01Visibility extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="currentColor"/>

package/src/icons/icon-01-widget-add.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-01-widget-add')
 export class Obi01WidgetAdd extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M17 13H13V17H11V13H7V11H11V7H13V11H17V13Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-back.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-back')
 export class Obi02ArrowBack extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.83 11H20V13H7.83L13.41 18.59L12 20L4 12L12 4L13.42 5.41L7.83 11Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-down.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-down')
 export class Obi02ArrowDown extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 4L11 16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4L11 4Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-drop-down.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-drop-down')
 export class Obi02ArrowDropDown extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 10L12 15L17 10H7Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-flyout.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-flyout')
 export class Obi02ArrowFlyout extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.5 17L14.5 12L9.5 7L9.5 17Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-forward.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-forward')
 export class Obi02ArrowForward extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z" fill="currentColor"/>

package/src/icons/icon-02-arrow-up.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-arrow-up')
 export class Obi02ArrowUp extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13 20L13 7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20L13 20Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-double-down.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-double-down')
 export class Obi02ChevronDoubleDown extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.295 5.29511L17.705 6.70511L11.705 12.7051L5.70496 6.70511L7.11496 5.29511L11.705 9.87511L16.295 5.29511Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-double-left.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-double-left')
 export class Obi02ChevronDoubleLeft extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.41 16.59L17 18L11 12L17 6L18.41 7.41L13.83 12L18.41 16.59Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-double-right.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-double-right')
 export class Obi02ChevronDoubleRight extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 7.41L6.41 6L12.41 12L6.41 18L5 16.59L9.58 12L5 7.41Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-double-up.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-double-up')
 export class Obi02ChevronDoubleUp extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.11495 18.7049L5.70496 17.2949L11.705 11.2949L17.705 17.2949L16.295 18.7049L11.705 14.1249L7.11495 18.7049Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-down.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-down')
 export class Obi02ChevronDown extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9.41L16.59 8L12 12.58L7.41 8L6 9.41L12 15.41L18 9.41Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-left.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-left')
 export class Obi02ChevronLeft extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14 18L15.41 16.59L10.83 12L15.41 7.41L14 6L8.00003 12L14 18Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-right.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-right')
 export class Obi02ChevronRight extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.59L13.17 12L8.58997 7.41Z" fill="currentColor"/>

package/src/icons/icon-02-chevron-up.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-chevron-up')
 export class Obi02ChevronUp extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.0002L7.41 15.4102L12 10.8302L16.59 15.4102L18 14.0002L12 8.00016L6 14.0002Z" fill="currentColor"/>

package/src/icons/icon-02-collapse-content.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-collapse-content')
 export class Obi02CollapseContent extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 14V20H8V16H4V14H10ZM16 4V8H20V10H14V4H16Z" fill="currentColor"/>

package/src/icons/icon-02-dock-bottom.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-dock-bottom')
 export class Obi02DockBottom extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 16V19H19V16H5ZM5 14H19V5H5V14Z" fill="currentColor"/>

package/src/icons/icon-02-dock-left.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-dock-left')
 export class Obi02DockLeft extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"/>

package/src/icons/icon-02-dock-right.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-dock-right')
 export class Obi02DockRight extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16 19H19V5H16V19ZM14 19V5H5V19H14Z" fill="currentColor"/>

package/src/icons/icon-02-drop-down.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-drop-down')
 export class Obi02DropDown extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 14L12 18L16 14H8Z" fill="currentColor"/>

package/src/icons/icon-02-expand-content.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-expand-content')
 export class Obi02ExpandContent extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 19V13H7V17H11V19H5ZM17 11V7H13V5H19V11H17Z" fill="currentColor"/>

package/src/icons/icon-02-page-first.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-page-first')
 export class Obi02PageFirst extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.41 16.59L13.82 12L18.41 7.41L17 6L11 12L17 18L18.41 16.59ZM6 6H8V18H6V6Z" fill="currentColor"/>

package/src/icons/icon-02-page-last.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-page-last')
 export class Obi02PageLast extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.00004 7.41L10.59 12L6.00003 16.59L7.41003 18L13.41 12L7.41004 6L6.00004 7.41ZM18.41 18L16.41 18L16.41 6L18.41 6L18.41 18Z" fill="currentColor"/>

package/src/icons/icon-02-resize-bottom.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-resize-bottom')
 export class Obi02ResizeBottom extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 14C3.44772 14 3 14.4477 3 15C3 15.5523 3.44772 16 4 16C4.55228 16 5 15.5523 5 15C5 14.4477 4.55228 14 4 14Z" fill="currentColor"/>

package/src/icons/icon-02-resize-corner.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-resize-corner')
 export class Obi02ResizeCorner extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M17 8C16.4477 8 16 8.44772 16 9C16 9.55228 16.4477 10 17 10C17.5523 10 18 9.55228 18 9C18 8.44772 17.5523 8 17 8Z" fill="currentColor"/>

package/src/icons/icon-02-resize-top.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-resize-top')
 export class Obi02ResizeTop extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 4C3.44772 4 3 4.44772 3 5C3 5.55228 3.44772 6 4 6C4.55228 6 5 5.55228 5 5C5 4.44772 4.55228 4 4 4Z" fill="currentColor"/>

package/src/icons/icon-02-resize_center.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-resize_center')
 export class Obi02Resize_center extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M4 9C3.44772 9 3 9.44772 3 10C3 10.5523 3.44772 11 4 11C4.55228 11 5 10.5523 5 10C5 9.44772 4.55228 9 4 9Z" fill="currentColor"/>

package/src/icons/icon-02-set-point.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-set-point')
 export class Obi02SetPoint extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.1315 6C18.9302 6 19.4066 6.89015 18.9635 7.5547L12 18L5.03647 7.5547C4.59343 6.89014 5.06982 6 5.86852 6L18.1315 6Z" fill="currentColor"/>

package/src/icons/icon-02-slide-left.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-slide-left')
 export class Obi02SlideLeft extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.4099 16.59L11.5 17.5L6 12L11.5 6.5L12.4099 7.41L7.82991 12L12.4099 16.59Z" fill="currentColor"/>

package/src/icons/icon-02-slide-right.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-slide-right')
 export class Obi02SlideRight extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.4099 7.41L13.3198 6.5L18.8198 12L13.3198 17.5L12.4099 16.59L16.9899 12L12.4099 7.41Z" fill="currentColor"/>

package/src/icons/icon-02-unfold-less.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-unfold-less')
 export class Obi02UnfoldLess extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.99 8.17L8.82003 5L7.41003 6.41L11.99 11L16.58 6.41L15.16 5L11.99 8.17ZM12.01 15.83L15.18 19L16.59 17.59L12.01 13L7.42003 17.59L8.84003 19L12.01 15.83Z" fill="currentColor"/>

package/src/icons/icon-02-unfold-more.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-02-unfold-more')
 export class Obi02UnfoldMore extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 6.83L15.17 10L16.58 8.59L12 4L7.41003 8.59L8.83003 10L12 6.83Z" fill="currentColor"/>

package/src/icons/icon-03-configure.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-configure')
 export class Obi03Configure extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M3 8V10H13V8H3ZM7 12V14H3V16H7V18H9V12H7ZM21 16V14H11V16H21ZM15 12H17V10H21V8H17V6H15V12Z" fill="currentColor"/>

package/src/icons/icon-03-diagnostic.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-diagnostic')
 export class Obi03Diagnostic extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.88 17.47C20.32 16.77 20.58 15.96 20.58 15.08C20.58 12.59 18.57 10.58 16.08 10.58C13.59 10.58 11.58 12.59 11.58 15.08C11.58 17.57 13.59 19.58 16.07 19.58C16.95 19.58 17.77 19.32 18.46 18.88L21.58 22L23 20.58L19.88 17.47ZM16.08 17.58C14.7 17.58 13.58 16.46 13.58 15.08C13.58 13.7 14.7 12.58 16.08 12.58C17.46 12.58 18.58 13.7 18.58 15.08C18.58 16.46 17.46 17.58 16.08 17.58ZM15.72 9.08C14.98 9.1 14.27 9.26 13.62 9.53L13.07 8.7L9.27 14.88L6.26 11.36L2.63 17.17L1 16L6 8L9 11.5L13 5L15.72 9.08ZM18.31 9.58C17.67 9.3 16.98 9.13 16.26 9.09L21.38 1L23 2.18L18.31 9.58Z" fill="currentColor"/>

package/src/icons/icon-03-filter.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-filter')
 export class Obi03Filter extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.73244 4H22V6H8.73244C8.38663 6.5978 7.74028 7 7 7C6.25972 7 5.61337 6.5978 5.26756 6H2V4H5.26756C5.61337 3.4022 6.25972 3 7 3C7.74028 3 8.38663 3.4022 8.73244 4Z" fill="currentColor"/>

package/src/icons/icon-03-info.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-info')
 export class Obi03Info extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="currentColor"/>

package/src/icons/icon-03-license.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-license')
 export class Obi03License extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 13C11.1667 13 10.4583 12.7083 9.875 12.125C9.29167 11.5417 9 10.8333 9 10C9 9.16667 9.29167 8.45833 9.875 7.875C10.4583 7.29167 11.1667 7 12 7C12.8333 7 13.5417 7.29167 14.125 7.875C14.7083 8.45833 15 9.16667 15 10C15 10.8333 14.7083 11.5417 14.125 12.125C13.5417 12.7083 12.8333 13 12 13ZM6 23V15.275C5.36667 14.575 4.875 13.775 4.525 12.875C4.175 11.975 4 11.0167 4 10C4 7.76667 4.775 5.875 6.325 4.325C7.875 2.775 9.76667 2 12 2C14.2333 2 16.125 2.775 17.675 4.325C19.225 5.875 20 7.76667 20 10C20 11.0167 19.825 11.975 19.475 12.875C19.125 13.775 18.6333 14.575 18 15.275V23L12 21L6 23ZM12 16C13.6667 16 15.0833 15.4167 16.25 14.25C17.4167 13.0833 18 11.6667 18 10C18 8.33333 17.4167 6.91667 16.25 5.75C15.0833 4.58333 13.6667 4 12 4C10.3333 4 8.91667 4.58333 7.75 5.75C6.58333 6.91667 6 8.33333 6 10C6 11.6667 6.58333 13.0833 7.75 14.25C8.91667 15.4167 10.3333 16 12 16ZM8 20.025L12 19L16 20.025V16.925C15.4167 17.2583 14.7875 17.5208 14.1125 17.7125C13.4375 17.9042 12.7333 18 12 18C11.2667 18 10.5625 17.9042 9.8875 17.7125C9.2125 17.5208 8.58333 17.2583 8 16.925V20.025Z" fill="currentColor"/>

package/src/icons/icon-03-monitoring.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-monitoring')
 export class Obi03Monitoring extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.03274 7.04951L9.9706 10.4408L10.691 9H19V10H11.309L10.0294 12.5592L7.96726 8.95049L7.26759 10H6V9H6.73241L8.03274 7.04951Z" fill="currentColor"/>

package/src/icons/icon-03-pin-checked.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-pin-checked')
 export class Obi03PinChecked extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 9V4H17C17.55 4 18 3.55 18 3C18 2.45 17.55 2 17 2H7C6.45 2 6 2.45 6 3C6 3.55 6.45 4 7 4H8V9C8 10.66 6.66 12 5 12V14H10.97V21L11.97 22L12.97 21V14H19V12C17.34 12 16 10.66 16 9Z" fill="currentColor"/>

package/src/icons/icon-03-pin-unchecked.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-pin-unchecked')
 export class Obi03PinUnchecked extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M14 4V9C14 10.12 14.37 11.16 15 12H9C9.65 11.14 10 10.1 10 9V4H14ZM17 2H7C6.45 2 6 2.45 6 3C6 3.55 6.45 4 7 4H8V9C8 10.66 6.66 12 5 12V14H10.97V21L11.97 22L12.97 21V14H19V12C17.34 12 16 10.66 16 9V4H17C17.55 4 18 3.55 18 3C18 2.45 17.55 2 17 2Z" fill="currentColor"/>

package/src/icons/icon-03-printscreen.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-printscreen')
 export class Obi03Printscreen extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M9 3H15L16.83 5H20C21.1 5 22 5.9 22 7V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19V7C2 5.9 2.9 5 4 5H7.17L9 3ZM14.12 5L15.95 7H20V19H4V7H8.05L9.88 5H14.12Z" fill="currentColor"/>

package/src/icons/icon-03-settings-default-alt1.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-settings-default-alt1')
 export class Obi03SettingsDefaultAlt1 extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7191 11.6C17.7191 11.7904 17.7018 11.9696 17.6788 12.1488L18.8935 13.0728C19.0029 13.1568 19.0317 13.308 18.9626 13.4312L17.8112 15.3688C17.7421 15.492 17.5924 15.5424 17.46 15.492L16.0265 14.932C15.7271 15.1504 15.4047 15.3408 15.0536 15.4808L14.8348 16.9648C14.8175 17.0992 14.6966 17.2 14.5527 17.2H12.2499C12.1059 17.2 11.985 17.0992 11.9678 16.9648L11.749 15.4808C11.3978 15.3408 11.0754 15.156 10.776 14.932L9.34252 15.492C9.21586 15.5368 9.06042 15.492 8.99133 15.3688L7.83991 13.4312C7.77083 13.308 7.79962 13.1568 7.909 13.0728L9.12375 12.1488C9.10072 11.9696 9.08345 11.7848 9.08345 11.6C9.08345 11.4152 9.10072 11.2304 9.12375 11.0512L7.909 10.1272C7.79962 10.0432 7.76507 9.892 7.83991 9.7688L8.99133 7.8312C9.06042 7.708 9.2101 7.6576 9.34252 7.708L10.776 8.268C11.0754 8.0496 11.3978 7.8592 11.749 7.7192L11.9678 6.2352C11.985 6.1008 12.1059 6 12.2499 6H14.5527C14.6966 6 14.8175 6.1008 14.8348 6.2352L15.0536 7.7192C15.4047 7.8592 15.7271 8.044 16.0265 8.268L17.46 7.708C17.5867 7.6632 17.7421 7.708 17.8112 7.8312L18.9626 9.7688C19.0317 9.892 19.0029 10.0432 18.8935 10.1272L17.6788 11.0512C17.7018 11.2304 17.7191 11.4096 17.7191 11.6ZM11.3863 11.6C11.3863 12.6808 12.2901 13.56 13.4013 13.56C14.5124 13.56 15.4163 12.6808 15.4163 11.6C15.4163 10.5192 14.5124 9.64 13.4013 9.64C12.2901 9.64 11.3863 10.5192 11.3863 11.6Z" fill="currentColor"/>

package/src/icons/icon-03-settings-default-alt2.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-settings-default-alt2')
 export class Obi03SettingsDefaultAlt2 extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.274 10.1332L14.726 8.86676L10.9258 13.5115L9.20711 11.7929L7.79289 13.2071L11.0742 16.4885L16.274 10.1332Z" fill="currentColor"/>

package/src/icons/icon-03-settings-default.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-settings-default')
 export class Obi03SettingsDefault extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3989 9C20.3989 9.238 20.3773 9.462 20.3485 9.686L21.8669 10.841C22.0037 10.946 22.0396 11.135 21.9533 11.289L20.514 13.711C20.4277 13.865 20.2405 13.928 20.075 13.865L18.2831 13.165C17.9089 13.438 17.5059 13.676 17.0669 13.851L16.7935 15.706C16.7719 15.874 16.6208 16 16.4409 16H13.5623C13.3824 16 13.2313 15.874 13.2097 15.706L12.9362 13.851C12.4973 13.676 12.0943 13.445 11.72 13.165L9.92815 13.865C9.76983 13.921 9.57552 13.865 9.48917 13.711L8.04989 11.289C7.96354 11.135 7.99952 10.946 8.13625 10.841L9.65468 9.686C9.6259 9.462 9.60431 9.231 9.60431 9C9.60431 8.769 9.6259 8.538 9.65468 8.314L8.13625 7.159C7.99952 7.054 7.95634 6.865 8.04989 6.711L9.48917 4.289C9.57552 4.135 9.76263 4.072 9.92815 4.135L11.72 4.835C12.0943 4.562 12.4973 4.324 12.9362 4.149L13.2097 2.294C13.2313 2.126 13.3824 2 13.5623 2H16.4409C16.6208 2 16.7719 2.126 16.7935 2.294L17.0669 4.149C17.5059 4.324 17.9089 4.555 18.2831 4.835L20.075 4.135C20.2334 4.079 20.4277 4.135 20.514 4.289L21.9533 6.711C22.0396 6.865 22.0037 7.054 21.8669 7.159L20.3485 8.314C20.3773 8.538 20.3989 8.762 20.3989 9ZM12.4829 9C12.4829 10.351 13.6127 11.45 15.0016 11.45C16.3905 11.45 17.5203 10.351 17.5203 9C17.5203 7.649 16.3905 6.55 15.0016 6.55C13.6127 6.55 12.4829 7.649 12.4829 9Z" fill="currentColor"/>

package/src/icons/icon-03-settings.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-settings')
 export class Obi03Settings extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49995 13.93 8.49995 12C8.49995 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z" fill="currentColor"/>

package/src/icons/icon-03-split-left.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-split-left')
 export class Obi03SplitLeft extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1672 8.25L4.5 8.25V4.5H14.1672V8.25ZM15.6672 4.5V19.5H19.5V4.5H15.6672ZM20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM4.5 9.75L14.1672 9.75V14.25H4.5V9.75ZM4.5 15.75H14.1672V19.5H4.5V15.75Z" fill="currentColor"/>

package/src/icons/icon-03-split-right.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-split-right')
 export class Obi03SplitRight extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56198 15.75H4.5V19.5H9.56198V15.75ZM4 21C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4ZM11.062 4.5V19.5H19.5V4.5H11.062ZM9.56198 4.5H4.5V8.25H9.56198V4.5ZM9.56198 9.75V14.25H4.5V9.75H9.56198Z" fill="currentColor"/>

package/src/icons/icon-03-star-checked.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-star-checked')
 export class Obi03StarChecked extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 2L14.9095 8.99537L22.4616 9.60081L16.7077 14.5296L18.4656 21.8992L12 17.95L5.53431 21.8992L7.29222 14.5296L1.53833 9.60081L9.09041 8.99537L12 2Z" fill="currentColor"/>

package/src/icons/icon-03-star-unchecked.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-star-unchecked')
 export class Obi03StarUnchecked extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 3.95297L14.217 9.28339L14.3929 9.70636L14.8496 9.74297L20.6042 10.2043L16.2198 13.96L15.8719 14.2581L15.9781 14.7037L17.3177 20.3192L12.3909 17.3099L12 17.0712L11.609 17.3099L6.68224 20.3192L8.02175 14.7037L8.12804 14.2581L7.78014 13.96L3.39571 10.2043L9.15035 9.74297L9.60698 9.70636L9.7829 9.28339L12 3.95297Z" stroke="#1A1A1A" stroke-width="1.5"/>

package/src/icons/icon-03-support.ts

@@ -3,7 +3,7 @@ import {customElement, property} from 'lit/decorators.js';
 
 @customElement('obi-03-support')
 export class Obi03Support extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
+  @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path d="M11 18H13V16H11V18Z" fill="currentColor"/>