@cube-dev/ui-kit 0.72.3 → 0.73.0

package/es/data/item-themes.js

@@ -0,0 +1,516 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+export const VALIDATION_STYLES = {
+    border: {
+        invalid: '#danger-text',
+        valid: '#success-text',
+    },
+};
+// ---------- DEFAULT THEME ----------
+export const DEFAULT_PRIMARY_STYLES = {
+    outline: {
+        '': '0 #purple-text.0',
+        focused: '1bw #purple-text',
+    },
+    border: {
+        '': '#clear',
+        pressed: '#purple-text',
+        focused: '#purple-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#purple',
+        hovered: '#purple-text',
+        pressed: '#purple',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_SECONDARY_STYLES = {
+    border: {
+        '': '#purple.15',
+        pressed: '#purple.3',
+        focused: '#purple-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#purple.10',
+        hovered: '#purple.16',
+        pressed: '#purple-text.10',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#purple',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_OUTLINE_STYLES = {
+    border: {
+        '': '#dark.12',
+        focused: '#purple-text',
+        '[disabled] | disabled': '#border',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#dark.0',
+        hovered: '#dark.03',
+        'pressed | (selected & !hovered)': '#dark.06',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#dark-02',
+        hovered: '#dark-02',
+        'pressed | (selected & !hovered)': '#dark',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_NEUTRAL_STYLES = {
+    border: {
+        '': '#clear',
+        focused: '#purple-text',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#dark.0',
+        hovered: '#dark.03',
+        selected: '#dark.09',
+        'selected & hovered': '#dark.12',
+        pressed: '#dark.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#dark-02',
+        hovered: '#dark-02',
+        pressed: '#dark',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_CLEAR_STYLES = {
+    border: {
+        '': '#clear',
+        pressed: '#purple-text.10',
+        focused: '#purple-text',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#purple.0',
+        hovered: '#purple.16',
+        'pressed | (selected & !hovered)': '#purple.10',
+    },
+    color: {
+        '': '#purple-text',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_LINK_STYLES = {
+    outline: {
+        '': '0 #purple-text.0',
+        focused: '1bw #purple-text',
+    },
+    border: '0',
+    fill: {
+        '': '#clear',
+    },
+    color: {
+        '': '#purple-text',
+        'hovered & !pressed': '#purple',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DEFAULT_ITEM_STYLES = {
+    border: '#clear',
+    fill: {
+        '': '#dark.0',
+        'hovered | focused': '#dark.03',
+        selected: '#dark.09',
+        'selected & (hovered | focused)': '#dark.12',
+        pressed: '#dark.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#dark-02',
+        hovered: '#dark-02',
+        pressed: '#dark',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+// ---------- DANGER THEME ----------
+export const DANGER_PRIMARY_STYLES = {
+    outline: {
+        '': '0 #danger-text.0',
+        focused: '1bw #danger-text',
+    },
+    border: {
+        '': '#clear',
+        'pressed | focused': '#danger-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#danger',
+        'hovered & !pressed': '#danger-text',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DANGER_SECONDARY_STYLES = {
+    border: {
+        '': '#danger.15',
+        pressed: '#danger.3',
+        focused: '#danger-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#danger.05',
+        'hovered & !pressed': '#danger.1',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#danger',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DANGER_OUTLINE_STYLES = {
+    border: {
+        '': '#danger.15',
+        pressed: '#danger.3',
+        focused: '#danger-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#danger.0',
+        hovered: '#danger.1',
+        'pressed | (selected & !hovered)': '#danger.05',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#danger-text',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DANGER_NEUTRAL_STYLES = {
+    border: {
+        '': '#clear',
+        focused: '#danger-text',
+    },
+    fill: {
+        '': '#dark.0',
+        hovered: '#dark.04',
+        'pressed | (selected & !hovered)': '#dark.05',
+    },
+    color: {
+        '': '#dark-02',
+        'pressed | (selected & !hovered)': '#danger-text',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DANGER_CLEAR_STYLES = {
+    border: {
+        '': '#clear',
+        pressed: '#danger.05',
+        focused: '#danger-text',
+    },
+    fill: {
+        '': '#danger-text.0',
+        hovered: '#danger-text.03',
+        selected: '#danger-text.09',
+        'selected & hovered': '#danger-text.12',
+        pressed: '#danger-text.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#danger-text',
+        hovered: '#danger-text',
+        pressed: '#danger-text',
+        '[disabled] | disabled': '#danger-text.4',
+    },
+};
+export const DANGER_LINK_STYLES = {
+    outline: {
+        '': '0 #danger-text.0',
+        focused: '1bw #danger-text',
+    },
+    border: 0,
+    fill: {
+        '': '#clear',
+    },
+    color: {
+        '': '#danger-text',
+        'hovered & !pressed': '#danger',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const DANGER_ITEM_STYLES = {
+    border: '#clear',
+    fill: {
+        '': '#danger-text.0',
+        'hovered | focused': '#danger-text.03',
+        selected: '#danger-text.09',
+        'selected & (hovered | focused)': '#danger-text.12',
+        pressed: '#danger-text.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#danger-text',
+        hovered: '#danger-text',
+        pressed: '#danger-text',
+        '[disabled] | disabled': '#danger-text.4',
+    },
+};
+// ---------- SUCCESS THEME ----------
+export const SUCCESS_PRIMARY_STYLES = {
+    outline: {
+        '': '0 #success-text.0',
+        focused: '1bw #success-text',
+    },
+    border: {
+        '': '#clear',
+        'pressed | focused': '#success-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#success',
+        'hovered & !pressed': '#success-text',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const SUCCESS_SECONDARY_STYLES = {
+    border: {
+        '': '#success.15',
+        pressed: '#success.3',
+        focused: '#success-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#success.05',
+        'hovered & !pressed': '#success.1',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#success',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const SUCCESS_OUTLINE_STYLES = {
+    border: {
+        '': '#success.15',
+        pressed: '#success.3',
+        focused: '#success-text',
+        '[disabled] | disabled': '#border',
+    },
+    fill: {
+        '': '#success.0',
+        hovered: '#success.1',
+        'pressed | (selected & !hovered)': '#success.05',
+        '[disabled] | disabled': '#dark.04',
+    },
+    color: {
+        '': '#success-text',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const SUCCESS_NEUTRAL_STYLES = {
+    border: {
+        '': '#clear',
+        focused: '#success-text',
+    },
+    fill: {
+        '': '#dark.0',
+        hovered: '#dark.04',
+        'pressed | (selected & !hovered)': '#dark.05',
+    },
+    color: {
+        '': '#dark-02',
+        'pressed | (selected & !hovered)': '#success-text',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const SUCCESS_CLEAR_STYLES = {
+    border: {
+        '': '#clear',
+        pressed: '#success.05',
+        focused: '#success-text',
+    },
+    fill: {
+        '': '#success-text.0',
+        hovered: '#success-text.03',
+        selected: '#success-text.09',
+        'selected & hovered': '#success-text.12',
+        pressed: '#success-text.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#success-text',
+        hovered: '#success-text',
+        pressed: '#success-text',
+        '[disabled] | disabled': '#success-text.4',
+    },
+};
+export const SUCCESS_LINK_STYLES = {
+    outline: {
+        '': '0 #success-text.0',
+        focused: '1bw #success-text',
+    },
+    border: '0',
+    fill: {
+        '': '#clear',
+    },
+    color: {
+        '': '#success-text',
+        'hovered & !pressed': '#success',
+        '[disabled] | disabled': '#dark-04',
+    },
+};
+export const SUCCESS_ITEM_STYLES = {
+    border: '#clear',
+    fill: {
+        '': '#success-text.0',
+        'hovered | focused': '#success-text.03',
+        selected: '#success-text.09',
+        'selected & (hovered | focused)': '#success-text.12',
+        pressed: '#success-text.09',
+        '[disabled] | disabled': '#clear',
+    },
+    color: {
+        '': '#success-text',
+        hovered: '#success-text',
+        pressed: '#success-text',
+        '[disabled] | disabled': '#success-text.4',
+    },
+};
+// ---------- SPECIAL THEME ----------
+export const SPECIAL_PRIMARY_STYLES = {
+    outline: {
+        '': '0 #white.0',
+        focused: '1bw #white',
+    },
+    border: {
+        '': '#clear',
+        pressed: '#purple-03',
+        '[disabled] | disabled': '#white.3',
+    },
+    fill: {
+        '': '#purple',
+        'hovered & !pressed': '#purple-text',
+        '[disabled] | disabled': '#white.12',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_SECONDARY_STYLES = {
+    border: {
+        '': '#white.3',
+        pressed: '#white.4',
+        focused: '#white',
+    },
+    fill: {
+        '': '#white.12',
+        'hovered & !pressed': '#white.18',
+        '[disabled] | disabled': '#white.12',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_OUTLINE_STYLES = {
+    border: {
+        '': '#white.3',
+        pressed: '#white.12',
+        focused: '#white',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#white.0',
+        hovered: '#white.18',
+        'pressed | (selected & !hovered)': '#white.12',
+        '[disabled] | disabled': '#white.12',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_NEUTRAL_STYLES = {
+    border: {
+        '': '#clear',
+        focused: '#white',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#white.0',
+        hovered: '#white.12',
+        'pressed | (selected & !hovered)': '#white.18',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_CLEAR_STYLES = {
+    outline: {
+        focused: '1bw #white',
+    },
+    border: {
+        '': '#clear',
+        'pressed | focused': '#white',
+        '[disabled] | disabled': '#white.3',
+        ...VALIDATION_STYLES.border,
+    },
+    fill: {
+        '': '#white',
+        'hovered & !pressed': '#white.94',
+        '[disabled] | disabled': '#white.12',
+    },
+    color: {
+        '': '#purple-text',
+        hovered: '#purple',
+        'pressed & hovered': '#purple-text',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_LINK_STYLES = {
+    outline: {
+        '': '0 #white.0',
+        focused: '1bw #white',
+    },
+    border: '0',
+    fill: {
+        '': '#clear',
+    },
+    color: {
+        '': '#white',
+        'hovered & !pressed': '#white.9',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+export const SPECIAL_ITEM_STYLES = {
+    border: '#clear',
+    fill: {
+        '': '#white.0',
+        hovered: '#white.12',
+        'pressed | (selected & !hovered)': '#white.18',
+    },
+    color: {
+        '': '#white',
+        '[disabled] | disabled': '#white.4',
+    },
+};
+
+        

package/es/data/themes.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ export default {
     special: {
         fill: '#purple',
         color: '#white',
-        border: '#purple',
+        border: '#white',
     },
     success: {
         fill: '#success-bg',

package/es/icons/AdjustmentsHorizontalIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/AdjustmentsIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/AiIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/AreaChartIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/BackwardIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/BarChartIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/BellFilledIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/BellIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/BooleanIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/CalendarEditIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/CalendarIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/CaretDownIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/CaretUpIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/ChartAreaStackedIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/ChartAreaStackedPercentageIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/icons/ChartBarGroupedHorizontalIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.3
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */