@synerise/ds-core 0.43.0 → 0.43.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.43.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.43.1...@synerise/ds-core@0.43.2) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-core
+
+
+
+
+
+## [0.43.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.43.0...@synerise/ds-core@0.43.1) (2025-02-27)
+
+**Note:** Version bump only for package @synerise/ds-core
+
+
+
+
+
 # [0.43.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.42.1...@synerise/ds-core@0.43.0) (2025-01-29)
 
 

package/dist/js/DSProvider/LocaleProvider/LocaleProvider.js

@@ -12,6 +12,7 @@ var getLangForCode = function getLangForCode(code) {
   return code.substring(0, 2);
 };
 var LocaleProvider = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(LocaleProvider, _Component);
   function LocaleProvider() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -24,7 +25,6 @@ var LocaleProvider = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _inheritsLoose(LocaleProvider, _Component);
   var _proto = LocaleProvider.prototype;
   _proto.componentDidMount = function componentDidMount() {
     var _this2 = this;

package/dist/js/DSProvider/ThemeProvider/theme.js

@@ -1,5 +1,4 @@
 import { useTheme as originalUseTheme } from 'styled-components';
-// @ts-ignore
 import vars from './variables';
 import breakpoints from './breakpoints';
 export var useTheme = originalUseTheme;

package/dist/js/DSProvider/ThemeProvider/variables.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    variables: Record<string, string>;
+    colors: Record<string, string>;
+};
+export default _default;

package/dist/js/DSProvider/ThemeProvider/variables.js

@@ -1 +1,529 @@
-module.exports=function(e){var r={};function t(a){if(r[a])return r[a].exports;var o=r[a]={i:a,l:!1,exports:{}};return e[a].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=r,t.d=function(e,r,a){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:a})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(t.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(a,o,function(r){return e[r]}.bind(null,o));return a},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=0)}([function(e,r,t){"use strict";t.r(r);const a=t(1),o=t(2),n=(e,r,t=0)=>!r[e]||t>8?null:r[e].replace(/@[\w-]+/g,e=>n(e.slice(1),t+1)||e);for(const e in o)Object.prototype.hasOwnProperty.call(o,e)&&(o[e]=n(e,o));for(const e in a)Object.prototype.hasOwnProperty.call(a,e)&&(a[e]=n(e,a));r.default={variables:o,colors:a}},function(e,r){e.exports={"red-900":"#520004","red-800":"#87020b","red-700":"#cf1413","red-600":"#f52922","red-500":"#ff5a4d","red-400":"#ff8475","red-300":"#ffab9e","red-200":"#ffd1c7","red-100":"#ffece8","red-050":"#fff6f4","green-900":"#0d2b00","green-800":"#2a7003","green-700":"#399903","green-600":"#54cb0b","green-500":"#76dc25","green-400":"#9aed45","green-300":"#c5ff7e","green-200":"#d9ffa0","green-100":"#ecffce","green-050":"#f9ffed","grey-900":"#232936","grey-800":"#384350","grey-700":"#57616d","grey-600":"#6a7580","grey-500":"#949ea6","grey-400":"#b5bdc3","grey-300":"#dbe0e3","grey-200":"#e9edee","grey-100":"#f3f5f6","grey-050":"#f9fafb","yellow-900":"#5e3d00","yellow-800":"#bf8300","yellow-700":"#eda600","yellow-600":"#fab700","yellow-500":"#ffc300","yellow-400":"#ffda24","yellow-300":"#ffe873","yellow-200":"#fff8d7","yellow-100":"#fffae3","yellow-050":"#fffcf0","blue-900":"#01026e","blue-800":"#00039e","blue-700":"#0044d9","blue-600":"#0b68ff","blue-500":"#238afe","blue-400":"#4da7fe","blue-300":"#8bcaff","blue-200":"#bce1ff","blue-100":"#d9eeff","blue-050":"#f4faff","pink-900":"#5d001c","pink-800":"#a80732","pink-700":"#d41640","pink-600":"#ff2f52","pink-500":"#ff4d67","pink-400":"#ff7586","pink-300":"#fe9da5","pink-200":"#ffc9ce","pink-100":"#ffebeb","pink-050":"#fff5f5","mars-900":"#770b05","mars-800":"#c41b03","mars-700":"#e43812","mars-600":"#ff5831","mars-500":"#ff6c4d","mars-400":"#ff8770","mars-300":"#ffa999","mars-200":"#ffcbc1","mars-100":"#ffe9e9","mars-050":"#fff3f3","orange-900":"#5f0900","orange-800":"#cc3a01","orange-700":"#ed5603","orange-600":"#f97600","orange-500":"#fd9f05","orange-400":"#ffba24","orange-300":"#ffd373","orange-200":"#ffe3a6","orange-100":"#fff5e0","orange-050":"#fffaf0","fern-900":"#002b0d","fern-800":"#03701f","fern-700":"#039929","fern-600":"#0bcb38","fern-500":"#25dc44","fern-400":"#45ed58","fern-300":"#7eff87","fern-200":"#a0ffa2","fern-100":"#ceffce","fern-050":"#edffed","cyan-900":"#002429","cyan-800":"#00494f","cyan-700":"#007075","cyan-600":"#089b9c","cyan-500":"#13c2bc","cyan-400":"#36cfc4","cyan-300":"#6cdfd4","cyan-200":"#87e8db","cyan-100":"#b5f5ea","cyan-050":"#e6fffa","purple-900":"#10033d","purple-800":"#1f0763","purple-700":"#35108a","purple-600":"#4e1daf","purple-500":"#6d2ed3","purple-400":"#8e54e0","purple-300":"#b88cee","purple-200":"#d1adf7","purple-100":"#eedbff","purple-050":"#f9f0ff","violet-900":"#3b0352","violet-800":"#5b0678","violet-700":"#7e109e","violet-600":"#a41dc4","violet-500":"#ce2feb","violet-400":"#e459f7","violet-300":"#f585ff","violet-200":"#fbadff","violet-100":"#fed6ff","violet-050":"#fff0ff",white:"#ffffff"}},function(e,r){e.exports={"primary-color-opacity-4":"rgba(@blue-600, 0.4)","gray-color-opacity-1":"rgba(@grey-400, 0.15)","gray-color-opacity-2":"rgba(@grey-400, 0.25)","gray-color-opacity-3":"rgba(@grey-400, 0.35)","gray-color-opacity-4":"rgba(@grey-050, 0.4)","gray-color-opacity-5":"rgba(@grey-700, 0.4)","gray-color-opacity-6":"rgba(@grey-300, 0.15)","red-color-opacity-4":"rgba(@red-600, 0.4)","yellow-color-opacity-4":"rgba(@yellow-600, 0.4)","green-color-opacity-4":"rgba(@green-600, 0.4)","background-color":"#f2f5f6",white:"#fff","body-background":"#f2f5f6","component-background":"#fff","code-family":"Consolas, Menlo, Courier, monospace","font-size-base":"13px","font-size-lg":"13px","font-size-sm":"11px","line-height-base":"1.38","border-radius-base":"3px","border-radius-sm":"3px","padding-lg":"32px","padding-md":"16px","padding-sm":"12px","padding-xs":"8px","link-decoration":"none","link-hover-decoration":"underline","control-padding-horizontal":"16px","control-padding-horizontal-sm":"8px","border-width-base":"1px","border-style-base":"solid","shadow-color":"rgba(171, 178, 183, 0.12)","shadow-color-highlight":"rgba(171, 178, 183, 1)","box-shadow-base":"0 2px 6px rgba(171, 178, 183, 0.12)","box-shadow-active":"0 8px 16px rgba(171, 178, 183, 0.32)","shadow-1-up":"0 0px 8px @shadow-color","shadow-1-down":"0 2px 8px @shadow-color","shadow-1-left":"-2px 0 8px @shadow-color","shadow-1-right":"2px 0 8px @shadow-color","shadow-2":"0 2px 6px rgba(171, 178, 183, 0.12)","shadow-highlight":"0 0px 8px @shadow-color-highlight","outline-blur-size":"0","outline-width":"0px","btn-font-weight":"500","btn-border-radius-base":"3px","btn-border-radius-sm":"3px","btn-primary-color":"#fff","btn-primary-shadow":"rgba(35, 138, 254, 0.2)","btn-default-hover-bg":"#fff","btn-default-shadow":"rgba(219, 224, 227, 0.2)","btn-tertiary-bg":"rgba(@grey-400, 0.15)","btn-tertiary-hover-bg":"rgba(@grey-400, 0.25)","btn-tertiary-focus-bg":"rgba(@grey-400, 0.15)","btn-tertiary-active-bg":"rgba(@grey-400, 0.35)","btn-tertiary-border":"transparent","btn-tertiary-shadow":"rgba(219, 224, 227, 0.2)","btn-tertiary-white-color":"#fff","btn-tertiary-white-bg":"rgba(@gray-color-lighter-5, 0.15)","btn-tertiary-white-hover-bg":"rgba(@gray-color-lighter-5, 0.25)","btn-tertiary-white-focus-bg":"rgba(@gray-color-lighter-5, 0.15)","btn-tertiary-white-active-bg":"rgba(@gray-color-lighter-5, 0.1)","btn-tertiary-white-border":"transparent","btn-ghost-bg":"transparent","btn-ghost-hover-bg":"rgba(@grey-400, 0.25)","btn-ghost-focus-bg":"transparent","btn-ghost-active-bg":"rgba(@grey-400, 0.35)","btn-ghost-border":"transparent","btn-ghost-shadow":"rgba(219, 224, 227, 0.2)","btn-ghost-primary-bg":"transparent","btn-ghost-primary-hover-bg":"rgba(@gray-color-lighter-4, 0.25)","btn-ghost-primary-focus-bg":"transparent","btn-ghost-primary-active-bg":"rgba(@gray-color-lighter-4, 0.35)","btn-ghost-primary-border":"transparent","btn-ghost-white-color":"#fff","btn-ghost-white-bg":"transparent","btn-ghost-white-hover-bg":"rgba(@gray-color-lighter-3, 0.25)","btn-ghost-white-focus-bg":"transparent","btn-ghost-white-active-bg":"rgba(@gray-color-lighter-3, 0.1)","btn-ghost-white-border":"transparent","btn-danger-color":"#fff","btn-danger-shadow":"rgba(255, 90, 77, 0.2)","btn-success-color":"#fff","btn-success-shadow":"rgba(118, 220, 37, 0.2)","btn-warning-color":"#fff","btn-warning-shadow":"rgba(255, 195, 0, 0.2)","btn-gray-color":"#fff","btn-flat-bg":"transparent","btn-flat-border":"transparent","btn-primary-on-blue-color":"#fff","btn-disable-primary-color":"#fff","btn-disable-primary-bg":"rgba(@blue-600, 0.4)","btn-disable-primary-border":"transparent","btn-disable-default-color":"rgba(@grey-700, 0.4)","btn-disable-default-bg":"rgba(@grey-050, 0.4)","btn-disable-tertiary-color":"rgba(@grey-700, 0.4)","btn-disable-tertiary-bg":"rgba(@grey-400, 0.15)","btn-disable-tertiary-border":"transparent","btn-disable-tertiary-white-color":"rgba(@white, 0.4)","btn-disable-tertiary-white-bg":"rgba(@grey-300, 0.15)","btn-disable-tertiary-white-border":"transparent","btn-disable-ghost-color":"rgba(@grey-700, 0.4)","btn-disable-ghost-bg":"transparent","btn-disable-ghost-border":"transparent","btn-disable-ghost-primary-color":"rgb(@primary-color, 0.4)","btn-disable-ghost-primary-bg":"transparent","btn-disable-ghost-primary-border":"transparent","btn-disable-ghost-white-color":"rgb(@white, 0.4)","btn-disable-ghost-white-bg":"transparent","btn-disable-ghost-white-border":"transparent","btn-disable-danger-color":"#fff","btn-disable-danger-bg":"rgba(@red-600, 0.4)","btn-disable-danger-border":"transparent","btn-disable-success-color":"#fff","btn-disable-success-bg":"rgba(@green-600, 0.4)","btn-disable-success-border":"transparent","btn-disable-warning-color":"#fff","btn-disable-warning-bg":"rgba(@yellow-600, 0.4)","btn-disable-warning-border":"transparent","btn-disable-flat-bg":"transparent","btn-disable-flat-border":"transparent","btn-padding-base":"0 16px","btn-font-size-lg":"16px","btn-font-size-sm":"12px","btn-padding-lg":"0 24px","btn-padding-sm":"0 12px","btn-height-base":"32px","btn-height-lg":"48px","btn-height-sm":"28px","btn-circle-size":"32px","btn-circle-size-lg":"48px","btn-circle-size-sm":"28px","tag-border-radius-base":"16px","tag-font-size":"10px","grid-columns":"24","grid-gutter-width":"0","radio-size":"16px","radio-button-bg":"#fff","label-font-size":"13px","label-line-height":"32px","form-item-margin-bottom":"16px","form-item-trailing-colon":"true","form-vertical-label-padding":"0 0 8px","form-vertical-label-margin":"0","input-height-base":"32px","input-height-lg":"48px","input-height-sm":"24px","input-padding-vertical-base":"4px","input-padding-vertical-sm":"1px","input-padding-vertical-lg":"6px","input-border-width":"2px","input-bg":"#fff","input-font-size-lg":"13px","input-font-size-base":"13px","input-line-height-base":"13px","table-padding-vertical":"16px","table-padding-horizontal":"16px","tooltip-arrow-width":"5px","tooltip-distance":"4px","tooltip-arrow-color":"transparent","modal-mask-bg":"rgba(0, 0, 0, 0.2)","pagination-item-size-sm":"32px","slider-margin":"32px 0px 10px","slider-handle-color-focus":"tint(@primary-color, 20%)","slider-handle-color-focus-shadow":"tint(@primary-color, 50%)","slider-dot-border-color-active":"tint(@primary-color, 50%)","slider-disabled-background-color":"#fff","select-item-selected-font-weight":"500","select-item-selected-bg":"#fff","zindex-affix":"10","zindex-back-top":"10","zindex-modal-mask":"991000","zindex-modal":"991000","zindex-notification":"991010","zindex-message":"991010","zindex-popover":"991030","zindex-picker":"991050","zindex-dropdown":"991050","zindex-popoconfirm":"991055","zindex-tooltip":"991060","zindex-content-editor":"990999","zindex-popper":"991010","switch-height":"22px","switch-sm-height":"16px","switch-disabled-opacity":"0.4","heading-1-size":"24px","heading-2-size":"21px","heading-3-size":"18px","heading-4-size":"16px","typography-title-font-weight":"500"}}]);
+
+const colors = {
+	"red-900": "#520004",
+	"red-800": "#87020b",
+	"red-700": "#cf1413",
+	"red-600": "#f52922",
+	"red-500": "#ff5a4d",
+	"red-400": "#ff8475",
+	"red-300": "#ffab9e",
+	"red-200": "#ffd1c7",
+	"red-100": "#ffece8",
+	"red-050": "#fff6f4",
+	"green-900": "#0d2b00",
+	"green-800": "#2a7003",
+	"green-700": "#399903",
+	"green-600": "#54cb0b",
+	"green-500": "#76dc25",
+	"green-400": "#9aed45",
+	"green-300": "#c5ff7e",
+	"green-200": "#d9ffa0",
+	"green-100": "#ecffce",
+	"green-050": "#f9ffed",
+	"grey-900": "#232936",
+	"grey-800": "#384350",
+	"grey-700": "#57616d",
+	"grey-600": "#6a7580",
+	"grey-500": "#949ea6",
+	"grey-400": "#b5bdc3",
+	"grey-300": "#dbe0e3",
+	"grey-200": "#e9edee",
+	"grey-100": "#f3f5f6",
+	"grey-050": "#f9fafb",
+	"yellow-900": "#5e3d00",
+	"yellow-800": "#bf8300",
+	"yellow-700": "#eda600",
+	"yellow-600": "#fab700",
+	"yellow-500": "#ffc300",
+	"yellow-400": "#ffda24",
+	"yellow-300": "#ffe873",
+	"yellow-200": "#fff8d7",
+	"yellow-100": "#fffae3",
+	"yellow-050": "#fffcf0",
+	"blue-900": "#01026e",
+	"blue-800": "#00039e",
+	"blue-700": "#0044d9",
+	"blue-600": "#0b68ff",
+	"blue-500": "#238afe",
+	"blue-400": "#4da7fe",
+	"blue-300": "#8bcaff",
+	"blue-200": "#bce1ff",
+	"blue-100": "#d9eeff",
+	"blue-050": "#f4faff",
+	"pink-900": "#5d001c",
+	"pink-800": "#a80732",
+	"pink-700": "#d41640",
+	"pink-600": "#ff2f52",
+	"pink-500": "#ff4d67",
+	"pink-400": "#ff7586",
+	"pink-300": "#fe9da5",
+	"pink-200": "#ffc9ce",
+	"pink-100": "#ffebeb",
+	"pink-050": "#fff5f5",
+	"mars-900": "#770b05",
+	"mars-800": "#c41b03",
+	"mars-700": "#e43812",
+	"mars-600": "#ff5831",
+	"mars-500": "#ff6c4d",
+	"mars-400": "#ff8770",
+	"mars-300": "#ffa999",
+	"mars-200": "#ffcbc1",
+	"mars-100": "#ffe9e9",
+	"mars-050": "#fff3f3",
+	"orange-900": "#5f0900",
+	"orange-800": "#cc3a01",
+	"orange-700": "#ed5603",
+	"orange-600": "#f97600",
+	"orange-500": "#fd9f05",
+	"orange-400": "#ffba24",
+	"orange-300": "#ffd373",
+	"orange-200": "#ffe3a6",
+	"orange-100": "#fff5e0",
+	"orange-050": "#fffaf0",
+	"fern-900": "#002b0d",
+	"fern-800": "#03701f",
+	"fern-700": "#039929",
+	"fern-600": "#0bcb38",
+	"fern-500": "#25dc44",
+	"fern-400": "#45ed58",
+	"fern-300": "#7eff87",
+	"fern-200": "#a0ffa2",
+	"fern-100": "#ceffce",
+	"fern-050": "#edffed",
+	"cyan-900": "#002429",
+	"cyan-800": "#00494f",
+	"cyan-700": "#007075",
+	"cyan-600": "#089b9c",
+	"cyan-500": "#13c2bc",
+	"cyan-400": "#36cfc4",
+	"cyan-300": "#6cdfd4",
+	"cyan-200": "#87e8db",
+	"cyan-100": "#b5f5ea",
+	"cyan-050": "#e6fffa",
+	"purple-900": "#10033d",
+	"purple-800": "#1f0763",
+	"purple-700": "#35108a",
+	"purple-600": "#4e1daf",
+	"purple-500": "#6d2ed3",
+	"purple-400": "#8e54e0",
+	"purple-300": "#b88cee",
+	"purple-200": "#d1adf7",
+	"purple-100": "#eedbff",
+	"purple-050": "#f9f0ff",
+	"violet-900": "#3b0352",
+	"violet-800": "#5b0678",
+	"violet-700": "#7e109e",
+	"violet-600": "#a41dc4",
+	"violet-500": "#ce2feb",
+	"violet-400": "#e459f7",
+	"violet-300": "#f585ff",
+	"violet-200": "#fbadff",
+	"violet-100": "#fed6ff",
+	"violet-050": "#fff0ff",
+	"white": "#ffffff"
+};
+const variables = {
+	"primary-color-darker-3": "#01026e",
+	"primary-color-darker-2": "#00039e",
+	"primary-color-darker-1": "#0044d9",
+	"primary-color": "#0b68ff",
+	"primary-color-lighter-1": "#238afe",
+	"primary-color-lighter-2": "#4da7fe",
+	"primary-color-lighter-3": "#8bcaff",
+	"primary-color-lighter-4": "#bce1ff",
+	"primary-color-lighter-5": "#d9eeff",
+	"primary-color-lighter-6": "#f4faff",
+	"primary-color-opacity-4": "rgba(11, 104, 255,  0.4)",
+	"gray-color-darker-1": "#232936",
+	"gray-color": "#384350",
+	"gray-color-lighter-1": "#57616d",
+	"gray-color-lighter-2": "#6a7580",
+	"gray-color-lighter-3": "#949ea6",
+	"gray-color-lighter-4": "#b5bdc3",
+	"gray-color-lighter-5": "#dbe0e3",
+	"gray-color-lighter-6": "#e9edee",
+	"gray-color-lighter-7": "#f3f5f6",
+	"gray-color-lighter-8": "#f9fafb",
+	"gray-color-opacity-1": "rgba(181, 189, 195,  0.15)",
+	"gray-color-opacity-2": "rgba(181, 189, 195,  0.25)",
+	"gray-color-opacity-3": "rgba(181, 189, 195,  0.35)",
+	"gray-color-opacity-4": "rgba(249, 250, 251,  0.4)",
+	"gray-color-opacity-5": "rgba(87, 97, 109,  0.4)",
+	"gray-color-opacity-6": "rgba(219, 224, 227,  0.15)",
+	"secondary-color-darker-3": "#520004",
+	"secondary-color-darker-2": "#87020b",
+	"secondary-color-darker-1": "#cf1413",
+	"secondary-color": "#f52922",
+	"secondary-color-lighter-1": "#ff5a4d",
+	"secondary-color-lighter-2": "#ff8475",
+	"secondary-color-lighter-3": "#ffab9e",
+	"secondary-color-lighter-4": "#ffd1c7",
+	"secondary-color-lighter-5": "#ffece8",
+	"secondary-color-lighter-6": "#fff6f4",
+	"red-color-darker-3": "#520004",
+	"red-color-darker-2": "#87020b",
+	"red-color-darker-1": "#cf1413",
+	"red-color": "#f52922",
+	"red-color-lighter-1": "#ff5a4d",
+	"red-color-lighter-2": "#ff8475",
+	"red-color-lighter-3": "#ffab9e",
+	"red-color-lighter-4": "#ffd1c7",
+	"red-color-lighter-5": "#ffece8",
+	"red-color-lighter-6": "#fff6f4",
+	"red-color-opacity-4": "rgba(245, 41, 34,  0.4)",
+	"orange-color-darker-3": "#5f0900",
+	"orange-color-darker-2": "#cc3a01",
+	"orange-color-darker-1": "#ed5603",
+	"orange-color": "#f97600",
+	"orange-color-lighter-1": "#fd9f05",
+	"orange-color-lighter-2": "#ffba24",
+	"orange-color-lighter-3": "#ffd373",
+	"orange-color-lighter-4": "#ffe3a6",
+	"orange-color-lighter-5": "#fff5e0",
+	"orange-color-lighter-6": "#fffaf0",
+	"yellow-color-darker-3": "#5e3d00",
+	"yellow-color-darker-2": "#bf8300",
+	"yellow-color-darker-1": "#eda600",
+	"yellow-color": "#fab700",
+	"yellow-color-lighter-1": "#ffc300",
+	"yellow-color-lighter-2": "#ffda24",
+	"yellow-color-lighter-3": "#ffe873",
+	"yellow-color-lighter-4": "#fff8d7",
+	"yellow-color-lighter-5": "#fffae3",
+	"yellow-color-lighter-6": "#fffcf0",
+	"yellow-color-opacity-4": "rgba(250, 183, 0,  0.4)",
+	"green-color-darker-3": "#0d2b00",
+	"green-color-darker-2": "#2a7003",
+	"green-color-darker-1": "#399903",
+	"green-color": "#54cb0b",
+	"green-color-lighter-1": "#76dc25",
+	"green-color-lighter-2": "#9aed45",
+	"green-color-lighter-3": "#c5ff7e",
+	"green-color-lighter-4": "#d9ffa0",
+	"green-color-lighter-5": "#ecffce",
+	"green-color-lighter-6": "#f9ffed",
+	"green-color-opacity-4": "rgba(84, 203, 11,  0.4)",
+	"cyan-color-darker-3": "#002429",
+	"cyan-color-darker-2": "#00494f",
+	"cyan-color-darker-1": "#007075",
+	"cyan-color": "#089b9c",
+	"cyan-color-lighter-1": "#13c2bc",
+	"cyan-color-lighter-2": "#36cfc4",
+	"cyan-color-lighter-3": "#6cdfd4",
+	"cyan-color-lighter-4": "#87e8db",
+	"cyan-color-lighter-5": "#b5f5ea",
+	"cyan-color-lighter-6": "#e6fffa",
+	"purple-color-darker-3": "#10033d",
+	"purple-color-darker-2": "#1f0763",
+	"purple-color-darker-1": "#35108a",
+	"purple-color": "#4e1daf",
+	"purple-color-lighter-1": "#6d2ed3",
+	"purple-color-lighter-2": "#8e54e0",
+	"purple-color-lighter-3": "#b88cee",
+	"purple-color-lighter-4": "#d1adf7",
+	"purple-color-lighter-5": "#eedbff",
+	"purple-color-lighter-6": "#f9f0ff",
+	"violet-color-darker-3": "#3b0352",
+	"violet-color-darker-2": "#5b0678",
+	"violet-color-darker-1": "#7e109e",
+	"violet-color": "#a41dc4",
+	"violet-color-lighter-1": "#ce2feb",
+	"violet-color-lighter-2": "#e459f7",
+	"violet-color-lighter-3": "#f585ff",
+	"violet-color-lighter-4": "#fbadff",
+	"violet-color-lighter-5": "#fed6ff",
+	"violet-color-lighter-6": "#fff0ff",
+	"lime-color-darker-3": "#0d2b00",
+	"lime-color-darker-2": "#2a7003",
+	"lime-color-darker-1": "#399903",
+	"lime-color": "#54cb0b",
+	"lime-color-lighter-1": "#76dc25",
+	"lime-color-lighter-2": "#9aed45",
+	"lime-color-lighter-3": "#c5ff7e",
+	"lime-color-lighter-4": "#d9ffa0",
+	"lime-color-lighter-5": "#ecffce",
+	"lime-color-lighter-6": "#f9ffed",
+	"warning-color": "#fab700",
+	"success-color": "#54cb0b",
+	"error-color": "#f52922",
+	"background-color": "#f2f5f6",
+	"white": "#fff",
+	"body-background": "#f2f5f6",
+	"component-background": "#fff",
+	"code-family": "Consolas, Menlo, Courier, monospace",
+	"heading-color": "#384350",
+	"text-color": "#6a7580",
+	"text-color-secondary": "#232936",
+	"heading-color-dark": "#e9edee",
+	"text-color-dark": "#f3f5f6",
+	"text-color-secondary-dark": "#f9fafb",
+	"font-size-base": "13px",
+	"font-size-lg": "13px",
+	"font-size-sm": "11px",
+	"line-height-base": "1.38",
+	"border-radius-base": "3px",
+	"border-radius-sm": "3px",
+	"padding-lg": "32px",
+	"padding-md": "16px",
+	"padding-sm": "12px",
+	"padding-xs": "8px",
+	"link-color": "#0b68ff",
+	"link-hover-color": "#238afe",
+	"link-active-color": "#0b68ff",
+	"link-decoration": "none",
+	"link-hover-decoration": "underline",
+	"control-padding-horizontal": "16px",
+	"control-padding-horizontal-sm": "8px",
+	"item-active-bg": "#d9eeff",
+	"item-hover-bg": "#f4faff",
+	"border-color-base": "#dbe0e3",
+	"border-color-split": "#e9edee",
+	"border-width-base": "1px",
+	"border-style-base": "solid",
+	"background-color-light": "#e9edee",
+	"background-color-base": "#f3f5f6",
+	"disabled-color": "#b5bdc3",
+	"disabled-bg": "#f3f5f6",
+	"disabled-color-dark": "#e9edee",
+	"shadow-color": "rgba(171, 178, 183, 0.12)",
+	"shadow-color-highlight": "rgba(171, 178, 183, 1)",
+	"box-shadow-base": "0 2px 6px rgba(171, 178, 183, 0.12)",
+	"box-shadow-active": "0 8px 16px rgba(171, 178, 183, 0.32)",
+	"shadow-1-up": "0 0px 8px rgba(171, 178, 183, 0.12)",
+	"shadow-1-down": "0 2px 8px rgba(171, 178, 183, 0.12)",
+	"shadow-1-left": "-2px 0 8px rgba(171, 178, 183, 0.12)",
+	"shadow-1-right": "2px 0 8px rgba(171, 178, 183, 0.12)",
+	"shadow-2": "0 2px 6px rgba(171, 178, 183, 0.12)",
+	"shadow-highlight": "0 0px 8px rgba(171, 178, 183, 1)",
+	"outline-blur-size": "0",
+	"outline-width": "0px",
+	"outline-color": "#b5bdc3",
+	"btn-font-weight": "500",
+	"btn-border-radius-base": "3px",
+	"btn-border-radius-sm": "3px",
+	"btn-primary-color": "#fff",
+	"btn-primary-bg": "#0b68ff",
+	"btn-primary-hover-bg": "#238afe",
+	"btn-primary-focus-bg": "#0044d9",
+	"btn-primary-active-bg": "#0044d9",
+	"btn-primary-shadow": "rgba(35, 138, 254, 0.2)",
+	"btn-default-color": "#57616d",
+	"btn-default-bg": "#f9fafb",
+	"btn-default-border": "#dbe0e3",
+	"btn-default-focus-bg": "#f9fafb",
+	"btn-default-active-bg": "#f3f5f6",
+	"btn-default-hover-bg": "#fff",
+	"btn-default-shadow": "rgba(219, 224, 227, 0.2)",
+	"btn-tertiary-color": "#57616d",
+	"btn-tertiary-bg": "rgba(181, 189, 195,  0.15)",
+	"btn-tertiary-hover-bg": "rgba(181, 189, 195,  0.25)",
+	"btn-tertiary-focus-bg": "rgba(181, 189, 195,  0.15)",
+	"btn-tertiary-active-bg": "rgba(181, 189, 195,  0.35)",
+	"btn-tertiary-border": "transparent",
+	"btn-tertiary-shadow": "rgba(219, 224, 227, 0.2)",
+	"btn-tertiary-white-color": "#fff",
+	"btn-tertiary-white-bg": "rgba(219, 224, 227,  0.15)",
+	"btn-tertiary-white-hover-bg": "rgba(219, 224, 227,  0.25)",
+	"btn-tertiary-white-focus-bg": "rgba(219, 224, 227,  0.15)",
+	"btn-tertiary-white-active-bg": "rgba(219, 224, 227,  0.1)",
+	"btn-tertiary-white-border": "transparent",
+	"btn-ghost-color": "#57616d",
+	"btn-ghost-bg": "transparent",
+	"btn-ghost-hover-bg": "rgba(181, 189, 195,  0.25)",
+	"btn-ghost-focus-bg": "transparent",
+	"btn-ghost-active-bg": "rgba(181, 189, 195,  0.35)",
+	"btn-ghost-border": "transparent",
+	"btn-ghost-shadow": "rgba(219, 224, 227, 0.2)",
+	"btn-ghost-primary-color": "#0b68ff",
+	"btn-ghost-primary-bg": "transparent",
+	"btn-ghost-primary-hover-bg": "rgba(181, 189, 195,  0.25)",
+	"btn-ghost-primary-focus-bg": "transparent",
+	"btn-ghost-primary-active-bg": "rgba(181, 189, 195,  0.35)",
+	"btn-ghost-primary-border": "transparent",
+	"btn-ghost-white-color": "#fff",
+	"btn-ghost-white-bg": "transparent",
+	"btn-ghost-white-hover-bg": "rgba(148, 158, 166,  0.25)",
+	"btn-ghost-white-focus-bg": "transparent",
+	"btn-ghost-white-active-bg": "rgba(148, 158, 166,  0.1)",
+	"btn-ghost-white-border": "transparent",
+	"btn-danger-color": "#fff",
+	"btn-danger-bg": "#f52922",
+	"btn-danger-border": "#f52922",
+	"btn-danger-hover-bg": "#ff5a4d",
+	"btn-danger-active-bg": "#cf1413",
+	"btn-danger-focus-bg": "#f52922",
+	"btn-danger-ghost-bg": "#fff6f4",
+	"btn-danger-shadow": "rgba(255, 90, 77, 0.2)",
+	"btn-success-color": "#fff",
+	"btn-success-bg": "#54cb0b",
+	"btn-success-border": "#54cb0b",
+	"btn-success-hover-bg": "#76dc25",
+	"btn-success-focus-bg": "#54cb0b",
+	"btn-success-active-bg": "#399903",
+	"btn-success-shadow": "rgba(118, 220, 37, 0.2)",
+	"btn-warning-color": "#fff",
+	"btn-warning-bg": "#fab700",
+	"btn-warning-border": "#fab700",
+	"btn-warning-hover-bg": "#ffc300",
+	"btn-warning-focus-bg": "#fab700",
+	"btn-warning-active-bg": "#eda600",
+	"btn-warning-shadow": "rgba(255, 195, 0, 0.2)",
+	"btn-gray-color": "#fff",
+	"btn-gray-bg": "#949ea6",
+	"btn-gray-border": "#949ea6",
+	"btn-gray-hover-bg": "#b5bdc3",
+	"btn-dark-color": "#b5bdc3",
+	"btn-dark-bg": "#57616d",
+	"btn-dark-border": "#57616d",
+	"btn-dark-hover-bg": "#6a7580",
+	"btn-flat-color": "#6a7580",
+	"btn-flat-bg": "transparent",
+	"btn-flat-border": "transparent",
+	"btn-flat-hover-color": "#232936",
+	"btn-primary-on-blue-color": "#fff",
+	"btn-primary-on-blue-bg": "#238afe",
+	"btn-primary-on-blue-hover-bg": "#4da7fe",
+	"btn-disable-primary-on-blue-color": "#8bcaff",
+	"btn-disable-primary-on-blue-bg": "#238afe",
+	"btn-disable-primary-color": "#fff",
+	"btn-disable-primary-bg": "rgba(11, 104, 255,  0.4)",
+	"btn-disable-primary-border": "transparent",
+	"btn-disable-default-color": "rgba(87, 97, 109,  0.4)",
+	"btn-disable-default-bg": "rgba(249, 250, 251,  0.4)",
+	"btn-disable-default-border": "#e9edee",
+	"btn-disable-tertiary-color": "rgba(87, 97, 109,  0.4)",
+	"btn-disable-tertiary-bg": "rgba(181, 189, 195,  0.15)",
+	"btn-disable-tertiary-border": "transparent",
+	"btn-disable-tertiary-white-color": "rgba(255, 255, 255,  0.4)",
+	"btn-disable-tertiary-white-bg": "rgba(219, 224, 227,  0.15)",
+	"btn-disable-tertiary-white-border": "transparent",
+	"btn-disable-ghost-color": "rgba(87, 97, 109,  0.4)",
+	"btn-disable-ghost-bg": "transparent",
+	"btn-disable-ghost-border": "transparent",
+	"btn-disable-ghost-primary-color": "rgb(#0b68ff, 0.4)",
+	"btn-disable-ghost-primary-bg": "transparent",
+	"btn-disable-ghost-primary-border": "transparent",
+	"btn-disable-ghost-white-color": "rgba(255, 255, 255,  0.4)",
+	"btn-disable-ghost-white-bg": "transparent",
+	"btn-disable-ghost-white-border": "transparent",
+	"btn-disable-gray-color": "#b5bdc3",
+	"btn-disable-gray-bg": "#f9fafb",
+	"btn-disable-gray-border": "#dbe0e3",
+	"btn-disable-dark-color": "#949ea6",
+	"btn-disable-dark-bg": "#232936",
+	"btn-disable-dark-border": "#232936",
+	"btn-disable-danger-color": "#fff",
+	"btn-disable-danger-bg": "rgba(245, 41, 34,  0.4)",
+	"btn-disable-danger-border": "transparent",
+	"btn-disable-success-color": "#fff",
+	"btn-disable-success-bg": "rgba(84, 203, 11,  0.4)",
+	"btn-disable-success-border": "transparent",
+	"btn-disable-warning-color": "#fff",
+	"btn-disable-warning-bg": "rgba(250, 183, 0,  0.4)",
+	"btn-disable-warning-border": "transparent",
+	"btn-disable-flat-color": "#b5bdc3",
+	"btn-disable-flat-bg": "transparent",
+	"btn-disable-flat-border": "transparent",
+	"btn-padding-base": "0 16px",
+	"btn-font-size-lg": "16px",
+	"btn-font-size-sm": "12px",
+	"btn-padding-lg": "0 24px",
+	"btn-padding-sm": "0 12px",
+	"btn-height-base": "32px",
+	"btn-height-lg": "48px",
+	"btn-height-sm": "28px",
+	"btn-circle-size": "32px",
+	"btn-circle-size-lg": "48px",
+	"btn-circle-size-sm": "28px",
+	"btn-group-border": "#238afe",
+	"tag-default-border": "#949ea6",
+	"tag-default-color": "#949ea6",
+	"tag-border-radius-base": "16px",
+	"tag-font-size": "10px",
+	"grid-columns": "24",
+	"grid-gutter-width": "0",
+	"radio-size": "16px",
+	"radio-dot-color": "#0b68ff",
+	"radio-button-bg": "#fff",
+	"label-required-color": "#f52922",
+	"label-color": "#384350",
+	"label-font-size": "13px",
+	"label-line-height": "32px",
+	"form-item-margin-bottom": "16px",
+	"form-item-trailing-colon": "true",
+	"form-vertical-label-padding": "0 0 8px",
+	"form-vertical-label-margin": "0",
+	"input-height-base": "32px",
+	"input-height-lg": "48px",
+	"input-height-sm": "24px",
+	"input-padding-vertical-base": "4px",
+	"input-padding-vertical-sm": "1px",
+	"input-padding-vertical-lg": "6px",
+	"input-placeholder-color": "#b5bdc3",
+	"input-color": "#6a7580",
+	"input-border-color": "#dbe0e3",
+	"input-border-width": "2px",
+	"input-bg": "#fff",
+	"input-addon-bg": "#e9edee",
+	"input-hover-border-color": "#b5bdc3",
+	"input-disabled-bg": "#f9fafb",
+	"input-font-size-lg": "13px",
+	"input-font-size-base": "13px",
+	"input-line-height-base": "13px",
+	"input-background-color-focus": "#f4faff",
+	"table-header-bg": "#f9fafb",
+	"table-header-sort-bg": "#f3f5f6",
+	"table-padding-vertical": "16px",
+	"table-padding-horizontal": "16px",
+	"table-selected-row-bg": "#f4faff",
+	"table-row-hover-bg": "#f9fafb",
+	"tooltip-bg": "#384350",
+	"tooltip-arrow-width": "5px",
+	"tooltip-distance": "4px",
+	"tooltip-arrow-color": "transparent",
+	"modal-mask-bg": "rgba(0, 0, 0, 0.2)",
+	"pagination-item-size-sm": "32px",
+	"slider-margin": "32px 0px 10px",
+	"slider-rail-background-color": "#dbe0e3",
+	"slider-rail-background-color-hover": "#e9edee",
+	"slider-track-background-color": "#54cb0b",
+	"slider-track-background-color-hover": "#76dc25",
+	"slider-handle-color": "#b5bdc3",
+	"slider-handle-color-hover": "#949ea6",
+	"slider-handle-color-focus": "tint(#0b68ff, 20%)",
+	"slider-handle-color-focus-shadow": "tint(#0b68ff, 50%)",
+	"slider-handle-color-tooltip-open": "#0b68ff",
+	"slider-dot-border-color": "#e9edee",
+	"slider-dot-border-color-active": "tint(#0b68ff, 50%)",
+	"slider-disabled-color": "#b5bdc3",
+	"slider-disabled-background-color": "#fff",
+	"select-item-selected-font-weight": "500",
+	"select-item-selected-bg": "#fff",
+	"zindex-affix": "10",
+	"zindex-back-top": "10",
+	"zindex-modal-mask": "991000",
+	"zindex-modal": "991000",
+	"zindex-notification": "991010",
+	"zindex-message": "991010",
+	"zindex-popover": "991030",
+	"zindex-picker": "991050",
+	"zindex-dropdown": "991050",
+	"zindex-popoconfirm": "991055",
+	"zindex-tooltip": "991060",
+	"zindex-content-editor": "990999",
+	"zindex-popper": "991010",
+	"switch-height": "22px",
+	"switch-sm-height": "16px",
+	"switch-disabled-opacity": "0.4",
+	"switch-color": "#54cb0b",
+	"heading-1-size": "24px",
+	"heading-2-size": "21px",
+	"heading-3-size": "18px",
+	"heading-4-size": "16px",
+	"typography-title-font-weight": "500"
+};
+
+export default {
+    variables,
+    colors
+}

package/dist/style/config.less

@@ -340,7 +340,7 @@
 @btn-disable-ghost-primary-bg: transparent;
 @btn-disable-ghost-primary-border: transparent;
 
-@btn-disable-ghost-white-color: rgb(@white, 0.4);
+@btn-disable-ghost-white-color: rgba(@white, 0.4);
 @btn-disable-ghost-white-bg: transparent;
 @btn-disable-ghost-white-border: transparent;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "0.43.0",
+  "version": "0.43.2",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -22,7 +22,7 @@
     "build:watch": "npm run build:js -- --watch",
     "copy": "node ./build/copy.js",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -32,11 +32,10 @@
   },
   "types": "dist/js/index.js",
   "dependencies": {
-    "@synerise/ds-data-format": "^0.7.0",
+    "@synerise/ds-data-format": "^0.7.2",
     "deepmerge": "^4.2.2",
     "flat": "^5.0.2",
-    "intl-messageformat-parser": "^3.6.4",
-    "less-vars-loader": "1.1.0"
+    "intl-messageformat-parser": "^3.6.4"
   },
   "peerDependencies": {
     "antd": "4.24.16",
@@ -44,5 +43,9 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
+  "devDependencies": {
+    "hex-rgb": "^5.0.0",
+    "less-vars-to-js": "^1.3.0"
+  },
+  "gitHead": "a176b46dab123cd503247ae57022f8e808772d68"
 }