New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@sk-web-gui/theme

Package Overview
Dependencies
Maintainers
6
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sk-web-gui/theme - npm Package Compare versions

Comparing version 2.3.2 to 2.4.0

dist/cjs/use-gui.js
dist/cjs/use-gui.js.map
dist/esm/use-gui.js
dist/esm/use-gui.js.map
dist/types/use-gui.d.ts

623

dist/cjs/colors.js

@@ -1,623 +0,2 @@

"use strict";
exports.__esModule = true;
exports.primitives = exports.colors = void 0;
var _utils = require("@sk-web-gui/utils");
var _toRGB, _toRGB2, _toRGB3, _toRGB4, _toRGB5, _toRGB6, _toRGB7, _toRGB8, _toRGB9, _toRGB10, _toRGB11, _toRGB12, _toRGB13, _toRGB14, _toRGB15, _toRGB16, _toRGB17, _toRGB18, _toRGB19, _toRGB20, _toRGB21, _toRGB22, _toRGB23, _toRGB24, _toRGB25, _toRGB26, _toRGB27, _toRGB28, _toRGB29, _toRGB30, _toRGB31, _toRGB32, _toRGB33, _toRGB34, _toRGB35, _toRGB36, _toRGB37, _toRGB38, _toRGB39, _toRGB40, _toRGB41, _toRGB42, _toRGB43, _toRGB44, _toRGB45, _toRGB46, _toRGB47, _toRGB48, _toRGB49, _toRGB50, _toRGB51, _toRGB52, _toRGB53, _toRGB54, _toRGB55, _toRGB56, _toRGB57, _toRGB58, _toRGB59, _toRGB60, _toRGB61, _toRGB62, _toRGB63, _toRGB64, _toRGB65, _toRGB66, _toRGB67, _toRGB68, _toRGB69, _toRGB70, _toRGB71, _toRGB72, _toRGB73, _toRGB74, _toRGB75, _toRGB76, _toRGB77, _toRGB78, _toRGB79, _toRGB80, _toRGB81, _toRGB82, _toRGB83, _toRGB84, _toRGB85, _toRGB86, _toRGB87, _toRGB88, _toRGB89, _toRGB90, _toRGB91, _toRGB92, _toRGB93, _toRGB94; // https://github.com/tailwindlabs/tailwindcss/blob/master/colors.js
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
// /* Base colors */
var primitives = exports.primitives = {
// NEUTRALS
gray: {
lightest: "rgb(" + ((_toRGB = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB.join(',')) + ")",
50: "rgb(" + ((_toRGB2 = (0, _utils.toRGB)('#FAFAFA')) == null ? void 0 : _toRGB2.join(',')) + ")",
100: "rgb(" + ((_toRGB3 = (0, _utils.toRGB)('#F0F0F0')) == null ? void 0 : _toRGB3.join(',')) + ")",
200: "rgb(" + ((_toRGB4 = (0, _utils.toRGB)('#E5E5E5')) == null ? void 0 : _toRGB4.join(',')) + ")",
300: "rgb(" + ((_toRGB5 = (0, _utils.toRGB)('#B7B7BA')) == null ? void 0 : _toRGB5.join(',')) + ")",
400: "rgb(" + ((_toRGB6 = (0, _utils.toRGB)('#A2A2A8')) == null ? void 0 : _toRGB6.join(',')) + ")",
500: "rgb(" + ((_toRGB7 = (0, _utils.toRGB)('#68686D')) == null ? void 0 : _toRGB7.join(',')) + ")",
600: "rgb(" + ((_toRGB8 = (0, _utils.toRGB)('#51515C')) == null ? void 0 : _toRGB8.join(',')) + ")",
700: "rgb(" + ((_toRGB9 = (0, _utils.toRGB)('#444450')) == null ? void 0 : _toRGB9.join(',')) + ")",
800: "rgb(" + ((_toRGB10 = (0, _utils.toRGB)('#2F2F3C')) == null ? void 0 : _toRGB10.join(',')) + ")",
900: "rgb(" + ((_toRGB11 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB11.join(',')) + ")",
darkest: "rgb(" + ((_toRGB12 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB12.join(',')) + ")"
},
overlay: {
darken: {
1: "rgba(" + ((_toRGB13 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB13.join(',')) + ", 0.04)",
2: "rgba(" + ((_toRGB14 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB14.join(',')) + ", 0.08)",
3: "rgba(" + ((_toRGB15 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB15.join(',')) + ", 0.10)",
4: "rgba(" + ((_toRGB16 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB16.join(',')) + ", 0.18)",
5: "rgba(" + ((_toRGB17 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB17.join(',')) + ", 0.3)",
6: "rgba(" + ((_toRGB18 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB18.join(',')) + ", 0.5)",
7: "rgba(" + ((_toRGB19 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB19.join(',')) + ", 0.64)",
8: "rgba(" + ((_toRGB20 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB20.join(',')) + ", 0.8)",
9: "rgba(" + ((_toRGB21 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB21.join(',')) + ", 0.88)",
10: "rgba(" + ((_toRGB22 = (0, _utils.toRGB)('#1C1C28')) == null ? void 0 : _toRGB22.join(',')) + ", 0.95)"
},
lighten: {
1: "rgba(" + ((_toRGB23 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB23.join(',')) + ", 0.04)",
2: "rgba(" + ((_toRGB24 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB24.join(',')) + ", 0.08)",
3: "rgba(" + ((_toRGB25 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB25.join(',')) + ", 0.10)",
4: "rgba(" + ((_toRGB26 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB26.join(',')) + ", 0.2)",
5: "rgba(" + ((_toRGB27 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB27.join(',')) + ", 0.3)",
6: "rgba(" + ((_toRGB28 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB28.join(',')) + ", 0.5)",
7: "rgba(" + ((_toRGB29 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB29.join(',')) + ", 0.64)",
8: "rgba(" + ((_toRGB30 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB30.join(',')) + ", 0.8)",
9: "rgba(" + ((_toRGB31 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB31.join(',')) + ", 0.88)",
10: "rgba(" + ((_toRGB32 = (0, _utils.toRGB)('#FFFFFF')) == null ? void 0 : _toRGB32.join(',')) + ", 0.95)"
}
},
//COLORS
blue: {
50: "rgb(" + ((_toRGB33 = (0, _utils.toRGB)('#F0F5F9')) == null ? void 0 : _toRGB33.join(',')) + ")",
100: "rgb(" + ((_toRGB34 = (0, _utils.toRGB)('#E1ECF4')) == null ? void 0 : _toRGB34.join(',')) + ")",
200: "rgb(" + ((_toRGB35 = (0, _utils.toRGB)('#CFE0EC')) == null ? void 0 : _toRGB35.join(',')) + ")",
300: "rgb(" + ((_toRGB36 = (0, _utils.toRGB)('#B5CFE3')) == null ? void 0 : _toRGB36.join(',')) + ")",
400: "rgb(" + ((_toRGB37 = (0, _utils.toRGB)('#73ACD6')) == null ? void 0 : _toRGB37.join(',')) + ")",
500: "rgb(" + ((_toRGB38 = (0, _utils.toRGB)('#4293D1')) == null ? void 0 : _toRGB38.join(',')) + ")",
600: "rgb(" + ((_toRGB39 = (0, _utils.toRGB)('#1472B8')) == null ? void 0 : _toRGB39.join(',')) + ")",
700: "rgb(" + ((_toRGB40 = (0, _utils.toRGB)('#005595')) == null ? void 0 : _toRGB40.join(',')) + ")",
800: "rgb(" + ((_toRGB41 = (0, _utils.toRGB)('#004C85')) == null ? void 0 : _toRGB41.join(',')) + ")",
900: "rgb(" + ((_toRGB42 = (0, _utils.toRGB)('#004070')) == null ? void 0 : _toRGB42.join(',')) + ")"
},
green: {
50: "rgb(" + ((_toRGB43 = (0, _utils.toRGB)('#F1F9F5')) == null ? void 0 : _toRGB43.join(',')) + ")",
100: "rgb(" + ((_toRGB44 = (0, _utils.toRGB)('#E1EFE9')) == null ? void 0 : _toRGB44.join(',')) + ")",
200: "rgb(" + ((_toRGB45 = (0, _utils.toRGB)('#C9E4D7')) == null ? void 0 : _toRGB45.join(',')) + ")",
300: "rgb(" + ((_toRGB46 = (0, _utils.toRGB)('#AAD4BF')) == null ? void 0 : _toRGB46.join(',')) + ")",
400: "rgb(" + ((_toRGB47 = (0, _utils.toRGB)('#65B88F')) == null ? void 0 : _toRGB47.join(',')) + ")",
500: "rgb(" + ((_toRGB48 = (0, _utils.toRGB)('#16A25E')) == null ? void 0 : _toRGB48.join(',')) + ")",
600: "rgb(" + ((_toRGB49 = (0, _utils.toRGB)('#12874E')) == null ? void 0 : _toRGB49.join(',')) + ")",
700: "rgb(" + ((_toRGB50 = (0, _utils.toRGB)('#00733B')) == null ? void 0 : _toRGB50.join(',')) + ")",
800: "rgb(" + ((_toRGB51 = (0, _utils.toRGB)('#00592D')) == null ? void 0 : _toRGB51.join(',')) + ")",
900: "rgb(" + ((_toRGB52 = (0, _utils.toRGB)('#004222')) == null ? void 0 : _toRGB52.join(',')) + ")"
},
purple: {
50: "rgb(" + ((_toRGB53 = (0, _utils.toRGB)('#F6F1F9')) == null ? void 0 : _toRGB53.join(',')) + ")",
100: "rgb(" + ((_toRGB54 = (0, _utils.toRGB)('#EFE8F3')) == null ? void 0 : _toRGB54.join(',')) + ")",
200: "rgb(" + ((_toRGB55 = (0, _utils.toRGB)('#E4D8E9')) == null ? void 0 : _toRGB55.join(',')) + ")",
300: "rgb(" + ((_toRGB56 = (0, _utils.toRGB)('#D6C4DE')) == null ? void 0 : _toRGB56.join(',')) + ")",
400: "rgb(" + ((_toRGB57 = (0, _utils.toRGB)('#BA90CE')) == null ? void 0 : _toRGB57.join(',')) + ")",
500: "rgb(" + ((_toRGB58 = (0, _utils.toRGB)('#8C42AE')) == null ? void 0 : _toRGB58.join(',')) + ")",
600: "rgb(" + ((_toRGB59 = (0, _utils.toRGB)('#722796')) == null ? void 0 : _toRGB59.join(',')) + ")",
700: "rgb(" + ((_toRGB60 = (0, _utils.toRGB)('#5B1F78')) == null ? void 0 : _toRGB60.join(',')) + ")",
800: "rgb(" + ((_toRGB61 = (0, _utils.toRGB)('#4D1A65')) == null ? void 0 : _toRGB61.join(',')) + ")",
900: "rgb(" + ((_toRGB62 = (0, _utils.toRGB)('#2E103D')) == null ? void 0 : _toRGB62.join(',')) + ")"
},
pink: {
50: "rgb(" + ((_toRGB63 = (0, _utils.toRGB)('#FAEFF8')) == null ? void 0 : _toRGB63.join(',')) + ")",
100: "rgb(" + ((_toRGB64 = (0, _utils.toRGB)('#F6E4F2')) == null ? void 0 : _toRGB64.join(',')) + ")",
200: "rgb(" + ((_toRGB65 = (0, _utils.toRGB)('#F1D5EA')) == null ? void 0 : _toRGB65.join(',')) + ")",
300: "rgb(" + ((_toRGB66 = (0, _utils.toRGB)('#E9BEE0')) == null ? void 0 : _toRGB66.join(',')) + ")",
400: "rgb(" + ((_toRGB67 = (0, _utils.toRGB)('#DF83CD')) == null ? void 0 : _toRGB67.join(',')) + ")",
500: "rgb(" + ((_toRGB68 = (0, _utils.toRGB)('#D558AE')) == null ? void 0 : _toRGB68.join(',')) + ")",
600: "rgb(" + ((_toRGB69 = (0, _utils.toRGB)('#BF1D8C')) == null ? void 0 : _toRGB69.join(',')) + ")",
700: "rgb(" + ((_toRGB70 = (0, _utils.toRGB)('#A90074')) == null ? void 0 : _toRGB70.join(',')) + ")",
800: "rgb(" + ((_toRGB71 = (0, _utils.toRGB)('#8A005E')) == null ? void 0 : _toRGB71.join(',')) + ")",
900: "rgb(" + ((_toRGB72 = (0, _utils.toRGB)('#6B004A')) == null ? void 0 : _toRGB72.join(',')) + ")"
},
orange: {
50: "rgb(" + ((_toRGB73 = (0, _utils.toRGB)('#FFF5EB')) == null ? void 0 : _toRGB73.join(',')) + ")",
100: "rgb(" + ((_toRGB74 = (0, _utils.toRGB)('#FFE7D1')) == null ? void 0 : _toRGB74.join(',')) + ")",
200: "rgb(" + ((_toRGB75 = (0, _utils.toRGB)('#FFD3A8')) == null ? void 0 : _toRGB75.join(',')) + ")",
300: "rgb(" + ((_toRGB76 = (0, _utils.toRGB)('#FFC68F')) == null ? void 0 : _toRGB76.join(',')) + ")",
400: "rgb(" + ((_toRGB77 = (0, _utils.toRGB)('#FFA34D')) == null ? void 0 : _toRGB77.join(',')) + ")",
500: "rgb(" + ((_toRGB78 = (0, _utils.toRGB)('#FF840F')) == null ? void 0 : _toRGB78.join(',')) + ")",
600: "rgb(" + ((_toRGB79 = (0, _utils.toRGB)('#DB6900')) == null ? void 0 : _toRGB79.join(',')) + ")",
700: "rgb(" + ((_toRGB80 = (0, _utils.toRGB)('#B94E18')) == null ? void 0 : _toRGB80.join(',')) + ")",
800: "rgb(" + ((_toRGB81 = (0, _utils.toRGB)('#8C3B12')) == null ? void 0 : _toRGB81.join(',')) + ")",
900: "rgb(" + ((_toRGB82 = (0, _utils.toRGB)('#5C2100')) == null ? void 0 : _toRGB82.join(',')) + ")"
},
red: {
50: "rgb(" + ((_toRGB83 = (0, _utils.toRGB)('#FFEBEB')) == null ? void 0 : _toRGB83.join(',')) + ")",
100: "rgb(" + ((_toRGB84 = (0, _utils.toRGB)('#FEE2E2')) == null ? void 0 : _toRGB84.join(',')) + ")",
200: "rgb(" + ((_toRGB85 = (0, _utils.toRGB)('#FCD4D4')) == null ? void 0 : _toRGB85.join(',')) + ")",
300: "rgb(" + ((_toRGB86 = (0, _utils.toRGB)('#FBC1C1')) == null ? void 0 : _toRGB86.join(',')) + ")",
400: "rgb(" + ((_toRGB87 = (0, _utils.toRGB)('#F78282')) == null ? void 0 : _toRGB87.join(',')) + ")",
500: "rgb(" + ((_toRGB88 = (0, _utils.toRGB)('#F44E4E')) == null ? void 0 : _toRGB88.join(',')) + ")",
600: "rgb(" + ((_toRGB89 = (0, _utils.toRGB)('#D62E2E')) == null ? void 0 : _toRGB89.join(',')) + ")",
700: "rgb(" + ((_toRGB90 = (0, _utils.toRGB)('#B92424')) == null ? void 0 : _toRGB90.join(',')) + ")",
800: "rgb(" + ((_toRGB91 = (0, _utils.toRGB)('#971A1A')) == null ? void 0 : _toRGB91.join(',')) + ")",
900: "rgb(" + ((_toRGB92 = (0, _utils.toRGB)('#6D0303')) == null ? void 0 : _toRGB92.join(',')) + ")"
},
ring: "rgb(" + ((_toRGB93 = (0, _utils.toRGB)('#0C8CED')) == null ? void 0 : _toRGB93.join(',')) + ")",
shadow: "" + ((_toRGB94 = (0, _utils.toRGB)('#0D0D0E')) == null ? void 0 : _toRGB94.join(','))
};
var lightmode = {
body: primitives.gray[900],
black: primitives.gray[900],
white: primitives.gray.lightest,
ring: primitives.ring,
primary: _extends({
DEFAULT: primitives.gray[900],
active: primitives.gray[900],
surface: {
DEFAULT: primitives.overlay.darken[9],
hover: primitives.overlay.darken[10],
disabled: primitives.overlay.darken[3]
}
}, primitives.gray),
secondary: _extends({
DEFAULT: primitives.gray[700],
active: primitives.gray[700],
outline: {
DEFAULT: primitives.overlay.darken[5],
hover: primitives.overlay.darken[7]
},
surface: {
DEFAULT: 'transparent',
hover: primitives.overlay.lighten[3],
disabled: primitives.overlay.darken[2]
}
}, primitives.gray),
tertiary: {
surface: {
DEFAULT: primitives.overlay.darken[2],
hover: primitives.overlay.darken[3],
disabled: primitives.overlay.darken[2]
}
},
dark: {
DEFAULT: primitives.gray[900],
primary: primitives.gray[900],
secondary: primitives.gray[700],
disabled: primitives.overlay.darken[6],
placeholder: primitives.overlay.darken[7],
ghost: primitives.overlay.darken[4]
},
light: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.overlay.lighten[9],
disabled: primitives.overlay.lighten[6],
placeholder: primitives.overlay.lighten[6],
ghost: primitives.overlay.lighten[4]
},
divider: primitives.overlay.darken[5],
background: {
DEFAULT: primitives.gray.lightest,
content: primitives.gray.lightest,
100: primitives.gray[50],
200: primitives.gray[100],
'color-mixin': {
1: primitives.overlay.darken[1],
2: primitives.overlay.darken[3]
}
},
vattjom: {
background: {
100: primitives.blue[50],
200: primitives.blue[100],
300: primitives.blue[300]
},
surface: {
primary: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[900]
},
accent: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[100]
}
},
text: {
DEFAULT: primitives.blue[800],
primary: primitives.blue[800],
secondary: primitives.blue[100]
}
},
gronsta: {
background: {
100: primitives.green[50],
200: primitives.green[200],
300: primitives.green[300]
},
surface: {
primary: {
DEFAULT: primitives.green[700],
hover: primitives.green[800]
},
accent: {
DEFAULT: primitives.green[200],
hover: primitives.green[100]
}
},
text: {
DEFAULT: primitives.green[800],
primary: primitives.green[800],
secondary: primitives.green[100]
}
},
juniskar: {
background: {
100: primitives.pink[50],
200: primitives.pink[100],
300: primitives.pink[300]
},
surface: {
primary: {
DEFAULT: primitives.pink[700],
hover: primitives.pink[800]
},
accent: {
DEFAULT: primitives.pink[200],
hover: primitives.pink[100]
}
},
text: {
DEFAULT: primitives.pink[800],
primary: primitives.pink[800],
secondary: primitives.pink[100]
}
},
bjornstigen: {
background: {
100: primitives.purple[50],
200: primitives.purple[100],
300: primitives.purple[300]
},
surface: {
primary: {
DEFAULT: primitives.purple[700],
hover: primitives.purple[800]
},
accent: {
DEFAULT: primitives.purple[200],
hover: primitives.purple[100]
}
},
text: {
DEFAULT: primitives.purple[800],
primary: primitives.purple[800],
secondary: primitives.purple[100]
}
},
error: {
DEFAULT: primitives.red[800],
background: {
100: primitives.red[50],
200: primitives.red[100],
300: primitives.red[300]
},
surface: {
primary: {
DEFAULT: primitives.red[600],
hover: primitives.red[700]
},
accent: {
DEFAULT: primitives.red[300],
hover: primitives.red[200]
}
},
text: {
DEFAULT: primitives.red[800],
primary: primitives.red[800],
secondary: primitives.gray.lightest
}
},
warning: {
DEFAULT: primitives.orange[800],
background: {
100: primitives.orange[50],
200: primitives.orange[100],
300: primitives.orange[300]
},
surface: {
primary: {
DEFAULT: primitives.orange[600],
hover: primitives.orange[700]
},
accent: {
DEFAULT: primitives.orange[200],
hover: primitives.orange[100]
}
},
text: {
DEFAULT: primitives.orange[800],
primary: primitives.orange[800],
secondary: primitives.gray.lightest
}
},
info: {
DEFAULT: primitives.blue[800],
background: {
100: primitives.blue[50],
200: primitives.blue[100],
300: primitives.blue[300]
},
surface: {
primary: {
DEFAULT: primitives.blue[600],
hover: primitives.blue[700]
},
accent: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[100]
}
},
text: {
DEFAULT: primitives.blue[800],
primary: primitives.blue[800],
secondary: primitives.blue[100]
}
},
success: {
DEFAULT: primitives.green[800],
background: {
100: primitives.green[50],
200: primitives.green[100],
300: primitives.green[300]
},
surface: {
primary: {
DEFAULT: primitives.green[600],
hover: primitives.green[700]
},
accent: {
DEFAULT: primitives.green[200],
hover: primitives.green[100]
}
},
text: {
DEFAULT: primitives.green[800],
primary: primitives.green[800],
secondary: primitives.green[100]
}
}
};
var darkmode = {
body: primitives.gray.lightest,
black: primitives.gray[900],
white: primitives.gray.lightest,
ring: primitives.ring,
primary: _extends({
DEFAULT: primitives.gray.lightest,
surface: {
DEFAULT: primitives.overlay.lighten[10],
hover: primitives.gray.lightest,
disabled: primitives.overlay.lighten[3]
}
}, primitives.gray),
secondary: _extends({
DEFAULT: primitives.gray[200],
outline: {
DEFAULT: primitives.overlay.lighten[5],
hover: primitives.overlay.lighten[7]
},
surface: {
DEFAULT: 'transparent',
hover: primitives.overlay.darken[3],
disabled: primitives.overlay.lighten[2]
}
}, primitives.gray),
tertiary: {
surface: {
DEFAULT: primitives.overlay.lighten[4],
hover: primitives.overlay.lighten[5],
disabled: primitives.overlay.lighten[2]
}
},
dark: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.gray[200],
disabled: primitives.overlay.lighten[7],
placeholder: primitives.overlay.lighten[6],
ghost: primitives.overlay.lighten[4]
},
light: {
DEFAULT: primitives.gray[900],
primary: primitives.gray[900],
secondary: primitives.overlay.darken[9],
disabled: primitives.overlay.darken[7],
placeholder: primitives.overlay.darken[7],
ghost: primitives.overlay.darken[4]
},
divider: primitives.overlay.lighten[5],
background: {
DEFAULT: primitives.gray[800],
content: primitives.gray[800],
100: primitives.gray[700],
200: primitives.gray[900],
'color-mixin': {
1: primitives.overlay.lighten[3],
2: primitives.overlay.lighten[4]
}
},
vattjom: {
background: {
100: primitives.blue[900],
200: primitives.blue[700],
300: primitives.blue[600]
},
surface: {
primary: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[300]
},
accent: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[600]
}
},
text: {
DEFAULT: primitives.blue[100],
primary: primitives.blue[100],
secondary: primitives.blue[800]
}
},
gronsta: {
background: {
100: primitives.green[900],
200: primitives.green[800],
300: primitives.green[700]
},
surface: {
primary: {
DEFAULT: primitives.green[300],
hover: primitives.green[200]
},
accent: {
DEFAULT: primitives.green[700],
hover: primitives.green[600]
}
},
text: {
DEFAULT: primitives.green[100],
primary: primitives.green[100],
secondary: primitives.green[800]
}
},
juniskar: {
background: {
100: primitives.pink[900],
200: primitives.pink[800],
300: primitives.pink[700]
},
surface: {
primary: {
DEFAULT: primitives.pink[300],
hover: primitives.pink[200]
},
accent: {
DEFAULT: primitives.pink[700],
hover: primitives.pink[600]
}
},
text: {
DEFAULT: primitives.pink[100],
primary: primitives.pink[100],
secondary: primitives.pink[800]
}
},
bjornstigen: {
background: {
100: primitives.purple[900],
200: primitives.purple[800],
300: primitives.purple[700]
},
surface: {
primary: {
DEFAULT: primitives.purple[300],
hover: primitives.purple[200]
},
accent: {
DEFAULT: primitives.purple[700],
hover: primitives.purple[600]
}
},
text: {
DEFAULT: primitives.purple[100],
primary: primitives.purple[100],
secondary: primitives.purple[800]
}
},
error: {
DEFAULT: primitives.red[100],
background: {
100: primitives.red[900],
200: primitives.red[800],
300: primitives.red[700]
},
surface: {
primary: {
DEFAULT: primitives.red[300],
hover: primitives.red[200]
},
accent: {
DEFAULT: primitives.red[700],
hover: primitives.red[600]
}
},
text: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.red[800]
}
},
warning: {
DEFAULT: primitives.orange[100],
background: {
100: primitives.orange[900],
200: primitives.orange[800],
300: primitives.orange[700]
},
surface: {
primary: {
DEFAULT: primitives.orange[400],
hover: primitives.orange[300]
},
accent: {
DEFAULT: primitives.orange[700],
hover: primitives.orange[600]
}
},
text: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.orange[800]
}
},
info: {
DEFAULT: primitives.blue[100],
background: {
100: primitives.blue[900],
200: primitives.blue[800],
300: primitives.blue[700]
},
surface: {
primary: {
DEFAULT: primitives.blue[400],
hover: primitives.blue[300]
},
accent: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[600]
}
},
text: {
DEFAULT: primitives.blue[100],
primary: primitives.blue[100],
secondary: primitives.blue[800]
}
},
success: {
DEFAULT: primitives.green[100],
background: {
100: primitives.green[900],
200: primitives.green[800],
300: primitives.green[700]
},
surface: {
primary: {
DEFAULT: primitives.green[400],
hover: primitives.green[300]
},
accent: {
DEFAULT: primitives.green[700],
hover: primitives.green[600]
}
},
text: {
DEFAULT: primitives.green[100],
primary: primitives.green[100],
secondary: primitives.green[800]
}
}
};
// App setup
var colors = exports.colors = {
lightmode: _extends({
primitives: primitives
}, lightmode, {
inverted: darkmode
}),
darkmode: _extends({
primitives: primitives
}, darkmode, {
inverted: lightmode
})
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{colors:function(){return colors},primitives:function(){return primitives}});var _utils=require("@sk-web-gui/utils");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var _toRGB,_toRGB1,_toRGB2,_toRGB3,_toRGB4,_toRGB5,_toRGB6,_toRGB7,_toRGB8,_toRGB9,_toRGB10,_toRGB11,_toRGB12,_toRGB13,_toRGB14,_toRGB15,_toRGB16,_toRGB17,_toRGB18,_toRGB19,_toRGB20,_toRGB21,_toRGB22,_toRGB23,_toRGB24,_toRGB25,_toRGB26,_toRGB27,_toRGB28,_toRGB29,_toRGB30,_toRGB31,_toRGB32,_toRGB33,_toRGB34,_toRGB35,_toRGB36,_toRGB37,_toRGB38,_toRGB39,_toRGB40,_toRGB41,_toRGB42,_toRGB43,_toRGB44,_toRGB45,_toRGB46,_toRGB47,_toRGB48,_toRGB49,_toRGB50,_toRGB51,_toRGB52,_toRGB53,_toRGB54,_toRGB55,_toRGB56,_toRGB57,_toRGB58,_toRGB59,_toRGB60,_toRGB61,_toRGB62,_toRGB63,_toRGB64,_toRGB65,_toRGB66,_toRGB67,_toRGB68,_toRGB69,_toRGB70,_toRGB71,_toRGB72,_toRGB73,_toRGB74,_toRGB75,_toRGB76,_toRGB77,_toRGB78,_toRGB79,_toRGB80,_toRGB81,_toRGB82,_toRGB83,_toRGB84,_toRGB85,_toRGB86,_toRGB87,_toRGB88,_toRGB89,_toRGB90,_toRGB91,_toRGB92,_toRGB93;var primitives={gray:{lightest:"rgb(".concat((_toRGB=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB===void 0?void 0:_toRGB.join(","),")"),50:"rgb(".concat((_toRGB1=(0,_utils.toRGB)("#FAFAFA"))===null||_toRGB1===void 0?void 0:_toRGB1.join(","),")"),100:"rgb(".concat((_toRGB2=(0,_utils.toRGB)("#F0F0F0"))===null||_toRGB2===void 0?void 0:_toRGB2.join(","),")"),200:"rgb(".concat((_toRGB3=(0,_utils.toRGB)("#E5E5E5"))===null||_toRGB3===void 0?void 0:_toRGB3.join(","),")"),300:"rgb(".concat((_toRGB4=(0,_utils.toRGB)("#B7B7BA"))===null||_toRGB4===void 0?void 0:_toRGB4.join(","),")"),400:"rgb(".concat((_toRGB5=(0,_utils.toRGB)("#A2A2A7"))===null||_toRGB5===void 0?void 0:_toRGB5.join(","),")"),500:"rgb(".concat((_toRGB6=(0,_utils.toRGB)("#68686D"))===null||_toRGB6===void 0?void 0:_toRGB6.join(","),")"),600:"rgb(".concat((_toRGB7=(0,_utils.toRGB)("#51515C"))===null||_toRGB7===void 0?void 0:_toRGB7.join(","),")"),700:"rgb(".concat((_toRGB8=(0,_utils.toRGB)("#444450"))===null||_toRGB8===void 0?void 0:_toRGB8.join(","),")"),800:"rgb(".concat((_toRGB9=(0,_utils.toRGB)("#2F2F3C"))===null||_toRGB9===void 0?void 0:_toRGB9.join(","),")"),900:"rgb(".concat((_toRGB10=(0,_utils.toRGB)("#1F1F25"))===null||_toRGB10===void 0?void 0:_toRGB10.join(","),")"),darkest:"rgb(".concat((_toRGB11=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB11===void 0?void 0:_toRGB11.join(","),")")},overlay:{darken:{1:"rgba(".concat((_toRGB12=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB12===void 0?void 0:_toRGB12.join(","),", 0.04)"),2:"rgba(".concat((_toRGB13=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB13===void 0?void 0:_toRGB13.join(","),", 0.12)"),3:"rgba(".concat((_toRGB14=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB14===void 0?void 0:_toRGB14.join(","),", 0.16)"),4:"rgba(".concat((_toRGB15=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB15===void 0?void 0:_toRGB15.join(","),", 0.18)"),5:"rgba(".concat((_toRGB16=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB16===void 0?void 0:_toRGB16.join(","),", 0.3)"),6:"rgba(".concat((_toRGB17=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB17===void 0?void 0:_toRGB17.join(","),", 0.5)"),7:"rgba(".concat((_toRGB18=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB18===void 0?void 0:_toRGB18.join(","),", 0.64)"),8:"rgba(".concat((_toRGB19=(0,_utils.toRGB)("#1E2126"))===null||_toRGB19===void 0?void 0:_toRGB19.join(","),", 0.8)"),9:"rgba(".concat((_toRGB20=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB20===void 0?void 0:_toRGB20.join(","),", 0.88)"),10:"rgba(".concat((_toRGB21=(0,_utils.toRGB)("#1C1C28"))===null||_toRGB21===void 0?void 0:_toRGB21.join(","),", 0.95)")},lighten:{1:"rgba(".concat((_toRGB22=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB22===void 0?void 0:_toRGB22.join(","),", 0.05)"),2:"rgba(".concat((_toRGB23=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB23===void 0?void 0:_toRGB23.join(","),", 0.08)"),3:"rgba(".concat((_toRGB24=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB24===void 0?void 0:_toRGB24.join(","),", 0.10)"),4:"rgba(".concat((_toRGB25=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB25===void 0?void 0:_toRGB25.join(","),", 0.2)"),5:"rgba(".concat((_toRGB26=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB26===void 0?void 0:_toRGB26.join(","),", 0.3)"),6:"rgba(".concat((_toRGB27=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB27===void 0?void 0:_toRGB27.join(","),", 0.5)"),7:"rgba(".concat((_toRGB28=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB28===void 0?void 0:_toRGB28.join(","),", 0.64)"),8:"rgba(".concat((_toRGB29=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB29===void 0?void 0:_toRGB29.join(","),", 0.8)"),9:"rgba(".concat((_toRGB30=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB30===void 0?void 0:_toRGB30.join(","),", 0.88)"),10:"rgba(".concat((_toRGB31=(0,_utils.toRGB)("#FFFFFF"))===null||_toRGB31===void 0?void 0:_toRGB31.join(","),", 0.95)")}},blue:{50:"rgb(".concat((_toRGB32=(0,_utils.toRGB)("#F0F5F9"))===null||_toRGB32===void 0?void 0:_toRGB32.join(","),")"),100:"rgb(".concat((_toRGB33=(0,_utils.toRGB)("#E1ECF4"))===null||_toRGB33===void 0?void 0:_toRGB33.join(","),")"),200:"rgb(".concat((_toRGB34=(0,_utils.toRGB)("#CFE0EC"))===null||_toRGB34===void 0?void 0:_toRGB34.join(","),")"),300:"rgb(".concat((_toRGB35=(0,_utils.toRGB)("#B5CFE3"))===null||_toRGB35===void 0?void 0:_toRGB35.join(","),")"),400:"rgb(".concat((_toRGB36=(0,_utils.toRGB)("#73ACD6"))===null||_toRGB36===void 0?void 0:_toRGB36.join(","),")"),500:"rgb(".concat((_toRGB37=(0,_utils.toRGB)("#4293D1"))===null||_toRGB37===void 0?void 0:_toRGB37.join(","),")"),600:"rgb(".concat((_toRGB38=(0,_utils.toRGB)("#1472B8"))===null||_toRGB38===void 0?void 0:_toRGB38.join(","),")"),700:"rgb(".concat((_toRGB39=(0,_utils.toRGB)("#005595"))===null||_toRGB39===void 0?void 0:_toRGB39.join(","),")"),800:"rgb(".concat((_toRGB40=(0,_utils.toRGB)("#004C85"))===null||_toRGB40===void 0?void 0:_toRGB40.join(","),")"),900:"rgb(".concat((_toRGB41=(0,_utils.toRGB)("#004070"))===null||_toRGB41===void 0?void 0:_toRGB41.join(","),")")},green:{50:"rgb(".concat((_toRGB42=(0,_utils.toRGB)("#F1F9F5"))===null||_toRGB42===void 0?void 0:_toRGB42.join(","),")"),100:"rgb(".concat((_toRGB43=(0,_utils.toRGB)("#E1EFE9"))===null||_toRGB43===void 0?void 0:_toRGB43.join(","),")"),200:"rgb(".concat((_toRGB44=(0,_utils.toRGB)("#C9E4D7"))===null||_toRGB44===void 0?void 0:_toRGB44.join(","),")"),300:"rgb(".concat((_toRGB45=(0,_utils.toRGB)("#AAD4BF"))===null||_toRGB45===void 0?void 0:_toRGB45.join(","),")"),400:"rgb(".concat((_toRGB46=(0,_utils.toRGB)("#65B88F"))===null||_toRGB46===void 0?void 0:_toRGB46.join(","),")"),500:"rgb(".concat((_toRGB47=(0,_utils.toRGB)("#16A25E"))===null||_toRGB47===void 0?void 0:_toRGB47.join(","),")"),600:"rgb(".concat((_toRGB48=(0,_utils.toRGB)("#12874E"))===null||_toRGB48===void 0?void 0:_toRGB48.join(","),")"),700:"rgb(".concat((_toRGB49=(0,_utils.toRGB)("#00733B"))===null||_toRGB49===void 0?void 0:_toRGB49.join(","),")"),800:"rgb(".concat((_toRGB50=(0,_utils.toRGB)("#00592D"))===null||_toRGB50===void 0?void 0:_toRGB50.join(","),")"),900:"rgb(".concat((_toRGB51=(0,_utils.toRGB)("#004222"))===null||_toRGB51===void 0?void 0:_toRGB51.join(","),")")},purple:{50:"rgb(".concat((_toRGB52=(0,_utils.toRGB)("#F6F1F9"))===null||_toRGB52===void 0?void 0:_toRGB52.join(","),")"),100:"rgb(".concat((_toRGB53=(0,_utils.toRGB)("#EFE8F3"))===null||_toRGB53===void 0?void 0:_toRGB53.join(","),")"),200:"rgb(".concat((_toRGB54=(0,_utils.toRGB)("#E4D8E9"))===null||_toRGB54===void 0?void 0:_toRGB54.join(","),")"),300:"rgb(".concat((_toRGB55=(0,_utils.toRGB)("#D6C4DE"))===null||_toRGB55===void 0?void 0:_toRGB55.join(","),")"),400:"rgb(".concat((_toRGB56=(0,_utils.toRGB)("#BA90CE"))===null||_toRGB56===void 0?void 0:_toRGB56.join(","),")"),500:"rgb(".concat((_toRGB57=(0,_utils.toRGB)("#8C42AE"))===null||_toRGB57===void 0?void 0:_toRGB57.join(","),")"),600:"rgb(".concat((_toRGB58=(0,_utils.toRGB)("#722796"))===null||_toRGB58===void 0?void 0:_toRGB58.join(","),")"),700:"rgb(".concat((_toRGB59=(0,_utils.toRGB)("#5B1F78"))===null||_toRGB59===void 0?void 0:_toRGB59.join(","),")"),800:"rgb(".concat((_toRGB60=(0,_utils.toRGB)("#4D1A65"))===null||_toRGB60===void 0?void 0:_toRGB60.join(","),")"),900:"rgb(".concat((_toRGB61=(0,_utils.toRGB)("#2E103D"))===null||_toRGB61===void 0?void 0:_toRGB61.join(","),")")},pink:{50:"rgb(".concat((_toRGB62=(0,_utils.toRGB)("#FAEFF8"))===null||_toRGB62===void 0?void 0:_toRGB62.join(","),")"),100:"rgb(".concat((_toRGB63=(0,_utils.toRGB)("#F6E4F2"))===null||_toRGB63===void 0?void 0:_toRGB63.join(","),")"),200:"rgb(".concat((_toRGB64=(0,_utils.toRGB)("#F1D5EA"))===null||_toRGB64===void 0?void 0:_toRGB64.join(","),")"),300:"rgb(".concat((_toRGB65=(0,_utils.toRGB)("#E9BEE0"))===null||_toRGB65===void 0?void 0:_toRGB65.join(","),")"),400:"rgb(".concat((_toRGB66=(0,_utils.toRGB)("#DF83CD"))===null||_toRGB66===void 0?void 0:_toRGB66.join(","),")"),500:"rgb(".concat((_toRGB67=(0,_utils.toRGB)("#D558AE"))===null||_toRGB67===void 0?void 0:_toRGB67.join(","),")"),600:"rgb(".concat((_toRGB68=(0,_utils.toRGB)("#BF1D8C"))===null||_toRGB68===void 0?void 0:_toRGB68.join(","),")"),700:"rgb(".concat((_toRGB69=(0,_utils.toRGB)("#A90074"))===null||_toRGB69===void 0?void 0:_toRGB69.join(","),")"),800:"rgb(".concat((_toRGB70=(0,_utils.toRGB)("#8A005E"))===null||_toRGB70===void 0?void 0:_toRGB70.join(","),")"),900:"rgb(".concat((_toRGB71=(0,_utils.toRGB)("#6B004A"))===null||_toRGB71===void 0?void 0:_toRGB71.join(","),")")},orange:{50:"rgb(".concat((_toRGB72=(0,_utils.toRGB)("#FFF5EB"))===null||_toRGB72===void 0?void 0:_toRGB72.join(","),")"),100:"rgb(".concat((_toRGB73=(0,_utils.toRGB)("#FFE7D1"))===null||_toRGB73===void 0?void 0:_toRGB73.join(","),")"),200:"rgb(".concat((_toRGB74=(0,_utils.toRGB)("#FFD3A8"))===null||_toRGB74===void 0?void 0:_toRGB74.join(","),")"),300:"rgb(".concat((_toRGB75=(0,_utils.toRGB)("#FFC68F"))===null||_toRGB75===void 0?void 0:_toRGB75.join(","),")"),400:"rgb(".concat((_toRGB76=(0,_utils.toRGB)("#FFA34D"))===null||_toRGB76===void 0?void 0:_toRGB76.join(","),")"),500:"rgb(".concat((_toRGB77=(0,_utils.toRGB)("#FF840F"))===null||_toRGB77===void 0?void 0:_toRGB77.join(","),")"),600:"rgb(".concat((_toRGB78=(0,_utils.toRGB)("#DB6900"))===null||_toRGB78===void 0?void 0:_toRGB78.join(","),")"),700:"rgb(".concat((_toRGB79=(0,_utils.toRGB)("#B94E18"))===null||_toRGB79===void 0?void 0:_toRGB79.join(","),")"),800:"rgb(".concat((_toRGB80=(0,_utils.toRGB)("#8C3B12"))===null||_toRGB80===void 0?void 0:_toRGB80.join(","),")"),900:"rgb(".concat((_toRGB81=(0,_utils.toRGB)("#5C2100"))===null||_toRGB81===void 0?void 0:_toRGB81.join(","),")")},red:{50:"rgb(".concat((_toRGB82=(0,_utils.toRGB)("#FFEBEB"))===null||_toRGB82===void 0?void 0:_toRGB82.join(","),")"),100:"rgb(".concat((_toRGB83=(0,_utils.toRGB)("#FEE2E2"))===null||_toRGB83===void 0?void 0:_toRGB83.join(","),")"),200:"rgb(".concat((_toRGB84=(0,_utils.toRGB)("#FCD4D4"))===null||_toRGB84===void 0?void 0:_toRGB84.join(","),")"),300:"rgb(".concat((_toRGB85=(0,_utils.toRGB)("#FBC1C1"))===null||_toRGB85===void 0?void 0:_toRGB85.join(","),")"),400:"rgb(".concat((_toRGB86=(0,_utils.toRGB)("#F78282"))===null||_toRGB86===void 0?void 0:_toRGB86.join(","),")"),500:"rgb(".concat((_toRGB87=(0,_utils.toRGB)("#F44E4E"))===null||_toRGB87===void 0?void 0:_toRGB87.join(","),")"),600:"rgb(".concat((_toRGB88=(0,_utils.toRGB)("#D62E2E"))===null||_toRGB88===void 0?void 0:_toRGB88.join(","),")"),700:"rgb(".concat((_toRGB89=(0,_utils.toRGB)("#B92424"))===null||_toRGB89===void 0?void 0:_toRGB89.join(","),")"),800:"rgb(".concat((_toRGB90=(0,_utils.toRGB)("#971A1A"))===null||_toRGB90===void 0?void 0:_toRGB90.join(","),")"),900:"rgb(".concat((_toRGB91=(0,_utils.toRGB)("#6D0303"))===null||_toRGB91===void 0?void 0:_toRGB91.join(","),")")},ring:"rgb(".concat((_toRGB92=(0,_utils.toRGB)("#0C8CED"))===null||_toRGB92===void 0?void 0:_toRGB92.join(","),")"),shadow:"".concat((_toRGB93=(0,_utils.toRGB)("#0D0D0E"))===null||_toRGB93===void 0?void 0:_toRGB93.join(","))};var lightmode={body:primitives.gray[900],black:primitives.gray[900],white:primitives.gray.lightest,ring:primitives.ring,primary:_object_spread({DEFAULT:primitives.gray[900],active:primitives.gray[900],surface:{DEFAULT:primitives.overlay.darken[10],hover:primitives.overlay.darken[9],disabled:primitives.overlay.darken[3]}},primitives.gray),secondary:_object_spread({DEFAULT:primitives.gray[700],active:primitives.gray[700],outline:{DEFAULT:primitives.overlay.darken[5],hover:primitives.overlay.darken[7]},surface:{DEFAULT:"transparent",hover:primitives.overlay.lighten[3],disabled:primitives.overlay.darken[2]}},primitives.gray),tertiary:{surface:{DEFAULT:primitives.overlay.darken[2],hover:primitives.overlay.darken[3],disabled:primitives.overlay.darken[2]}},dark:{DEFAULT:primitives.gray[900],primary:primitives.gray[900],secondary:primitives.gray[700],disabled:primitives.overlay.darken[7],placeholder:primitives.overlay.darken[7],ghost:primitives.overlay.darken[4]},light:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.overlay.lighten[9],disabled:primitives.overlay.lighten[6],placeholder:primitives.overlay.lighten[6],ghost:primitives.overlay.lighten[4]},divider:primitives.overlay.darken[5],background:{DEFAULT:primitives.gray.lightest,content:primitives.gray.lightest,100:primitives.gray[50],200:primitives.gray[100],"color-mixin":{1:primitives.overlay.darken[1],2:primitives.overlay.darken[3]}},vattjom:{background:{100:primitives.blue[50],200:primitives.blue[100],300:primitives.blue[300]},surface:{primary:{DEFAULT:primitives.blue[700],hover:primitives.blue[900]},accent:{DEFAULT:primitives.blue[200],hover:primitives.blue[100]}},text:{DEFAULT:primitives.blue[800],primary:primitives.blue[800],secondary:primitives.blue[100]}},gronsta:{background:{100:primitives.green[50],200:primitives.green[200],300:primitives.green[300]},surface:{primary:{DEFAULT:primitives.green[700],hover:primitives.green[800]},accent:{DEFAULT:primitives.green[200],hover:primitives.green[100]}},text:{DEFAULT:primitives.green[800],primary:primitives.green[800],secondary:primitives.green[100]}},juniskar:{background:{100:primitives.pink[50],200:primitives.pink[100],300:primitives.pink[300]},surface:{primary:{DEFAULT:primitives.pink[700],hover:primitives.pink[800]},accent:{DEFAULT:primitives.pink[200],hover:primitives.pink[100]}},text:{DEFAULT:primitives.pink[800],primary:primitives.pink[800],secondary:primitives.pink[100]}},bjornstigen:{background:{100:primitives.purple[50],200:primitives.purple[100],300:primitives.purple[300]},surface:{primary:{DEFAULT:primitives.purple[700],hover:primitives.purple[800]},accent:{DEFAULT:primitives.purple[200],hover:primitives.purple[100]}},text:{DEFAULT:primitives.purple[800],primary:primitives.purple[800],secondary:primitives.purple[100]}},error:{DEFAULT:primitives.red[800],background:{100:primitives.red[50],200:primitives.red[100],300:primitives.red[300]},surface:{primary:{DEFAULT:primitives.red[600],hover:primitives.red[700]},accent:{DEFAULT:primitives.red[300],hover:primitives.red[200]}},text:{DEFAULT:primitives.red[800],primary:primitives.red[800],secondary:primitives.gray.lightest}},warning:{DEFAULT:primitives.orange[800],background:{100:primitives.orange[50],200:primitives.orange[100],300:primitives.orange[300]},surface:{primary:{DEFAULT:primitives.orange[600],hover:primitives.orange[700]},accent:{DEFAULT:primitives.orange[200],hover:primitives.orange[100]}},text:{DEFAULT:primitives.orange[800],primary:primitives.orange[800],secondary:primitives.gray.lightest}},info:{DEFAULT:primitives.blue[800],background:{100:primitives.blue[50],200:primitives.blue[100],300:primitives.blue[300]},surface:{primary:{DEFAULT:primitives.blue[600],hover:primitives.blue[700]},accent:{DEFAULT:primitives.blue[200],hover:primitives.blue[100]}},text:{DEFAULT:primitives.blue[800],primary:primitives.blue[800],secondary:primitives.blue[100]}},success:{DEFAULT:primitives.green[800],background:{100:primitives.green[50],200:primitives.green[100],300:primitives.green[300]},surface:{primary:{DEFAULT:primitives.green[600],hover:primitives.green[700]},accent:{DEFAULT:primitives.green[200],hover:primitives.green[100]}},text:{DEFAULT:primitives.green[800],primary:primitives.green[800],secondary:primitives.green[100]}}};var darkmode={body:primitives.gray.lightest,black:primitives.gray[900],white:primitives.gray.lightest,ring:primitives.ring,primary:_object_spread({DEFAULT:primitives.gray.lightest,surface:{DEFAULT:primitives.overlay.lighten[9],hover:primitives.gray.lightest,disabled:primitives.overlay.lighten[3]}},primitives.gray),secondary:_object_spread({DEFAULT:primitives.gray[200],outline:{DEFAULT:primitives.overlay.lighten[5],hover:primitives.overlay.lighten[7]},surface:{DEFAULT:"transparent",hover:primitives.overlay.darken[3],disabled:primitives.overlay.lighten[2]}},primitives.gray),tertiary:{surface:{DEFAULT:primitives.overlay.lighten[4],hover:primitives.overlay.lighten[5],disabled:primitives.overlay.lighten[2]}},dark:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.gray[200],disabled:primitives.overlay.lighten[6],placeholder:primitives.overlay.lighten[6],ghost:primitives.overlay.lighten[4]},light:{DEFAULT:primitives.gray[900],primary:primitives.gray[900],secondary:primitives.overlay.darken[9],disabled:primitives.overlay.darken[7],placeholder:primitives.overlay.darken[7],ghost:primitives.overlay.darken[4]},divider:primitives.overlay.lighten[5],background:{DEFAULT:primitives.gray[800],content:primitives.gray[800],100:primitives.gray[700],200:primitives.gray[900],"color-mixin":{1:primitives.overlay.lighten[3],2:primitives.overlay.lighten[4]}},vattjom:{background:{100:primitives.blue[900],200:primitives.blue[700],300:primitives.blue[600]},surface:{primary:{DEFAULT:primitives.blue[200],hover:primitives.blue[300]},accent:{DEFAULT:primitives.blue[700],hover:primitives.blue[600]}},text:{DEFAULT:primitives.blue[100],primary:primitives.blue[100],secondary:primitives.blue[800]}},gronsta:{background:{100:primitives.green[900],200:primitives.green[800],300:primitives.green[700]},surface:{primary:{DEFAULT:primitives.green[300],hover:primitives.green[200]},accent:{DEFAULT:primitives.green[700],hover:primitives.green[600]}},text:{DEFAULT:primitives.green[100],primary:primitives.green[100],secondary:primitives.green[800]}},juniskar:{background:{100:primitives.pink[900],200:primitives.pink[800],300:primitives.pink[700]},surface:{primary:{DEFAULT:primitives.pink[300],hover:primitives.pink[200]},accent:{DEFAULT:primitives.pink[700],hover:primitives.pink[600]}},text:{DEFAULT:primitives.pink[100],primary:primitives.pink[100],secondary:primitives.pink[800]}},bjornstigen:{background:{100:primitives.purple[900],200:primitives.purple[800],300:primitives.purple[700]},surface:{primary:{DEFAULT:primitives.purple[300],hover:primitives.purple[200]},accent:{DEFAULT:primitives.purple[700],hover:primitives.purple[600]}},text:{DEFAULT:primitives.purple[100],primary:primitives.purple[100],secondary:primitives.purple[800]}},error:{DEFAULT:primitives.red[100],background:{100:primitives.red[900],200:primitives.red[800],300:primitives.red[700]},surface:{primary:{DEFAULT:primitives.red[500],hover:primitives.red[400]},accent:{DEFAULT:primitives.red[700],hover:primitives.red[600]}},text:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.red[800]}},warning:{DEFAULT:primitives.orange[100],background:{100:primitives.orange[900],200:primitives.orange[800],300:primitives.orange[700]},surface:{primary:{DEFAULT:primitives.orange[400],hover:primitives.orange[300]},accent:{DEFAULT:primitives.orange[700],hover:primitives.orange[600]}},text:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.orange[800]}},info:{DEFAULT:primitives.blue[100],background:{100:primitives.blue[900],200:primitives.blue[800],300:primitives.blue[700]},surface:{primary:{DEFAULT:primitives.blue[400],hover:primitives.blue[300]},accent:{DEFAULT:primitives.blue[700],hover:primitives.blue[600]}},text:{DEFAULT:primitives.blue[100],primary:primitives.blue[100],secondary:primitives.blue[800]}},success:{DEFAULT:primitives.green[100],background:{100:primitives.green[900],200:primitives.green[800],300:primitives.green[700]},surface:{primary:{DEFAULT:primitives.green[400],hover:primitives.green[300]},accent:{DEFAULT:primitives.green[700],hover:primitives.green[600]}},text:{DEFAULT:primitives.green[100],primary:primitives.green[100],secondary:primitives.green[800]}}};var utility={lightmode:{"input-field":{outline:{DEFAULT:primitives.overlay.darken[6],hover:primitives.overlay.darken[8],disabled:primitives.overlay.darken[5]},surface:{DEFAULT:primitives.overlay.lighten[10],disabled:primitives.gray[50],focus:primitives.gray.lightest}},"switch":{surface:{DEFAULT:primitives.overlay.darken[3],on:primitives.overlay.darken[4],disabled:primitives.overlay.darken[2],hover:primitives.overlay.darken[5]},control:{DEFAULT:primitives.overlay.darken[7],disabled:primitives.overlay.darken[6],on:lightmode.primary.surface.hover}},"menu-item":{surface:{open:lightmode.vattjom.surface.accent.DEFAULT,hover:primitives.overlay.darken[3],active:lightmode.primary.surface.DEFAULT},node:{line:primitives.gray[300]}}},darkmode:{"input-field":{outline:{DEFAULT:primitives.overlay.lighten[6],hover:primitives.overlay.lighten[4],disabled:primitives.overlay.lighten[5]},surface:{DEFAULT:primitives.overlay.darken[6],disabled:primitives.overlay.lighten[1],focus:primitives.gray.darkest}},"switch":{surface:{DEFAULT:primitives.overlay.lighten[3],on:primitives.overlay.lighten[5],disabled:primitives.overlay.lighten[2],hover:primitives.overlay.lighten[4]},control:{DEFAULT:primitives.overlay.lighten[7],disabled:primitives.overlay.lighten[6],on:darkmode.primary.surface.hover}},"menu-item":{surface:{open:darkmode.vattjom.surface.accent.DEFAULT,hover:primitives.overlay.lighten[5],active:darkmode.primary.surface.DEFAULT},node:{line:primitives.gray[600]}}}};var colors={lightmode:_object_spread_props(_object_spread({primitives:primitives},lightmode,utility.lightmode),{inverted:_object_spread({},darkmode,utility.darkmode)}),darkmode:_object_spread_props(_object_spread({primitives:primitives},darkmode,utility.darkmode),{inverted:_object_spread({},lightmode,utility.lightmode)})};
//# sourceMappingURL=colors.js.map

18

dist/cjs/create-memo-class.js

@@ -1,18 +0,2 @@

"use strict";
exports.__esModule = true;
exports.createMemoClass = createMemoClass;
var _react = require("react");
function createMemoClass(func) {
return function useMemoClass(args) {
var dependencies = typeof args === 'object' && args !== null ? Object.keys(args).filter(function (key) {
return key !== 'theme';
}).map(function (key) {
return args[key];
}) : [];
return (0, _react.useMemo)(function () {
return func(args);
}, dependencies);
};
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"createMemoClass",{enumerable:true,get:function(){return createMemoClass}});var _react=require("react");function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}function createMemoClass(func){return function useMemoClass(args){var dependencies=(typeof args==="undefined"?"undefined":_type_of(args))==="object"&&args!==null?Object.keys(args).filter(function(key){return key!=="theme"}).map(function(key){return args[key]}):[];return(0,_react.useMemo)(function(){return func(args)},dependencies)}}
//# sourceMappingURL=create-memo-class.js.map

93

dist/cjs/create-theme-vars/calc.js

@@ -1,93 +0,2 @@

"use strict";
exports.__esModule = true;
exports.calc = void 0;
var _utils = require("@sk-web-gui/utils");
/**
* Thank you @markdalgleish for this piece of art!
*/
function resolveReference(operand) {
if ((0, _utils.isObject)(operand) && operand.reference) {
return operand.reference;
}
return String(operand);
}
var toExpression = function toExpression(operator) {
for (var _len = arguments.length, operands = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
operands[_key - 1] = arguments[_key];
}
return operands.map(resolveReference).join(" " + operator + " ").replace(/calc/g, '');
};
var _add = function add() {
for (var _len2 = arguments.length, operands = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
operands[_key2] = arguments[_key2];
}
return "calc(" + toExpression.apply(void 0, ['+'].concat(operands)) + ")";
};
var _subtract = function subtract() {
for (var _len3 = arguments.length, operands = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
operands[_key3] = arguments[_key3];
}
return "calc(" + toExpression.apply(void 0, ['-'].concat(operands)) + ")";
};
var _multiply = function multiply() {
for (var _len4 = arguments.length, operands = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
operands[_key4] = arguments[_key4];
}
return "calc(" + toExpression.apply(void 0, ['*'].concat(operands)) + ")";
};
var _divide = function divide() {
for (var _len5 = arguments.length, operands = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
operands[_key5] = arguments[_key5];
}
return "calc(" + toExpression.apply(void 0, ['/'].concat(operands)) + ")";
};
var _negate = function negate(x) {
var value = resolveReference(x);
if (value != null && !Number.isNaN(parseFloat(value))) {
return String(value).startsWith('-') ? String(value).slice(1) : "-" + value;
}
return _multiply(value, -1);
};
var calc = exports.calc = Object.assign(function (x) {
return {
add: function add() {
for (var _len6 = arguments.length, operands = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
operands[_key6] = arguments[_key6];
}
return calc(_add.apply(void 0, [x].concat(operands)));
},
subtract: function subtract() {
for (var _len7 = arguments.length, operands = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
operands[_key7] = arguments[_key7];
}
return calc(_subtract.apply(void 0, [x].concat(operands)));
},
multiply: function multiply() {
for (var _len8 = arguments.length, operands = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
operands[_key8] = arguments[_key8];
}
return calc(_multiply.apply(void 0, [x].concat(operands)));
},
divide: function divide() {
for (var _len9 = arguments.length, operands = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
operands[_key9] = arguments[_key9];
}
return calc(_divide.apply(void 0, [x].concat(operands)));
},
negate: function negate() {
return calc(_negate(x));
},
toString: function toString() {
return x.toString();
}
};
}, {
add: _add,
subtract: _subtract,
multiply: _multiply,
divide: _divide,
negate: _negate
});
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"calc",{enumerable:true,get:function(){return calc}});var _utils=require("@sk-web-gui/utils");function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function resolveReference(operand){if((0,_utils.isObject)(operand)&&operand.reference){return operand.reference}return String(operand)}var toExpression=function(operator){for(var _len=arguments.length,operands=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){operands[_key-1]=arguments[_key]}return operands.map(resolveReference).join(" ".concat(operator," ")).replace(/calc/g,"")};var add=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["+"].concat(_to_consumable_array(operands))),")")};var subtract=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["-"].concat(_to_consumable_array(operands))),")")};var multiply=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["*"].concat(_to_consumable_array(operands))),")")};var divide=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["/"].concat(_to_consumable_array(operands))),")")};var negate=function(x){var value=resolveReference(x);if(value!=null&&!Number.isNaN(parseFloat(value))){return String(value).startsWith("-")?String(value).slice(1):"-".concat(value)}return multiply(value,-1)};var calc=Object.assign(function(x){return{add:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(add.apply(void 0,[x].concat(_to_consumable_array(operands))))},subtract:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(subtract.apply(void 0,[x].concat(_to_consumable_array(operands))))},multiply:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(multiply.apply(void 0,[x].concat(_to_consumable_array(operands))))},divide:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(divide.apply(void 0,[x].concat(_to_consumable_array(operands))))},negate:function(){return calc(negate(x))},toString:function(){return x.toString()}}},{add:add,subtract:subtract,multiply:multiply,divide:divide,negate:negate});
//# sourceMappingURL=calc.js.map

46

dist/cjs/create-theme-vars/create-theme-vars.js

@@ -1,46 +0,2 @@

"use strict";
exports.__esModule = true;
exports.createThemeVars = createThemeVars;
var _utils = require("@sk-web-gui/utils");
var _cssVar2 = require("./css-var");
function createThemeVars(target, options) {
var context = {
cssMap: {},
cssVars: {}
};
(0, _utils.walkObject)(target, function (value, path) {
var _tokenHandlerMap;
// firstKey will be e.g. "space"
var firstKey = path[0];
var handler = (_tokenHandlerMap = tokenHandlerMap[firstKey]) != null ? _tokenHandlerMap : tokenHandlerMap.defaultHandler;
var _handler = handler(path, value, options),
cssVars = _handler.cssVars,
cssMap = _handler.cssMap;
Object.assign(context.cssVars, cssVars);
Object.assign(context.cssMap, cssMap);
});
return context;
}
/**
* Define transformation handlers for ThemeScale
*/
var tokenHandlerMap = {
defaultHandler: function defaultHandler(keys, value, options) {
var _cssVars, _cssMap;
var lookupKey = keys.join('.');
var varKey = keys.join('-');
var _cssVar = (0, _cssVar2.cssVar)(varKey, undefined, options.cssVarPrefix),
variable = _cssVar.variable,
reference = _cssVar.reference;
return {
cssVars: (_cssVars = {}, _cssVars[variable] = value, _cssVars),
cssMap: (_cssMap = {}, _cssMap[lookupKey] = {
value: value,
"var": variable,
varRef: reference
}, _cssMap)
};
}
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"createThemeVars",{enumerable:true,get:function(){return createThemeVars}});var _utils=require("@sk-web-gui/utils");var _cssvar=require("./css-var");function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function createThemeVars(target,options){var context={cssMap:{},cssVars:{}};(0,_utils.walkObject)(target,function(value,path){var _path=_sliced_to_array(path,1),firstKey=_path[0];var _tokenHandlerMap_firstKey;var handler=(_tokenHandlerMap_firstKey=tokenHandlerMap[firstKey])!==null&&_tokenHandlerMap_firstKey!==void 0?_tokenHandlerMap_firstKey:tokenHandlerMap.defaultHandler;var _handler=handler(path,value,options),cssVars=_handler.cssVars,cssMap=_handler.cssMap;Object.assign(context.cssVars,cssVars);Object.assign(context.cssMap,cssMap)});return context}var tokenHandlerMap={defaultHandler:function(keys,value,options){var lookupKey=keys.join(".");var varKey=keys.join("-");var _cssVar=(0,_cssvar.cssVar)(varKey,undefined,options.cssVarPrefix),variable=_cssVar.variable,reference=_cssVar.reference;return{cssVars:_define_property({},variable,value),cssMap:_define_property({},lookupKey,{value:value,"var":variable,varRef:reference})}}};
//# sourceMappingURL=create-theme-vars.js.map

42

dist/cjs/create-theme-vars/css-var.js

@@ -1,42 +0,2 @@

"use strict";
exports.__esModule = true;
exports.addPrefix = addPrefix;
exports.cssVar = cssVar;
exports.toVarDefinition = toVarDefinition;
exports.toVarReference = toVarReference;
function replaceWhiteSpace(value, replaceValue) {
if (replaceValue === void 0) {
replaceValue = '-';
}
return value.replace(/\s+/g, replaceValue);
}
function escape(value) {
var valueStr = replaceWhiteSpace(value.toString());
if (valueStr.includes('\\.')) return value;
var isDecimal = !Number.isInteger(parseFloat(value.toString()));
return isDecimal ? valueStr.replace('.', "\\.") : value;
}
function addPrefix(value, prefix) {
if (prefix === void 0) {
prefix = '';
}
return [prefix, escape(value)].filter(Boolean).join('-');
}
function toVarReference(name, fallback) {
return "var(" + escape(name) + (fallback ? ", " + fallback : '') + ")";
}
function toVarDefinition(value, prefix) {
if (prefix === void 0) {
prefix = '';
}
return "--" + addPrefix(value, prefix);
}
function cssVar(name, fallback, cssVarPrefix) {
var cssVariable = toVarDefinition(name, cssVarPrefix);
return {
variable: cssVariable,
reference: toVarReference(cssVariable, fallback)
};
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{addPrefix:function(){return addPrefix},cssVar:function(){return cssVar},toVarDefinition:function(){return toVarDefinition},toVarReference:function(){return toVarReference}});function replaceWhiteSpace(value){var replaceValue=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"-";return value.replace(/\s+/g,replaceValue)}function escape(value){var valueStr=replaceWhiteSpace(value.toString());if(valueStr.includes("\\."))return value;var isDecimal=!Number.isInteger(parseFloat(value.toString()));return isDecimal?valueStr.replace(".","\\."):value}function addPrefix(value){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return[prefix,escape(value)].filter(Boolean).join("-")}function toVarReference(name,fallback){return"var(".concat(escape(name)).concat(fallback?", ".concat(fallback):"",")")}function toVarDefinition(value){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return"--".concat(addPrefix(value,prefix))}function cssVar(name,fallback,cssVarPrefix){var cssVariable=toVarDefinition(name,cssVarPrefix);return{variable:cssVariable,reference:toVarReference(cssVariable,fallback)}}
//# sourceMappingURL=css-var.js.map

22

dist/cjs/create-theme-vars/index.js

@@ -1,22 +0,2 @@

"use strict";
exports.__esModule = true;
var _calc = require("./calc");
Object.keys(_calc).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _calc[key]) return;
exports[key] = _calc[key];
});
var _cssVar = require("./css-var");
Object.keys(_cssVar).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _cssVar[key]) return;
exports[key] = _cssVar[key];
});
var _toCssVar = require("./to-css-var");
Object.keys(_toCssVar).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _toCssVar[key]) return;
exports[key] = _toCssVar[key];
});
"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./calc"),exports);_export_star(require("./css-var"),exports);_export_star(require("./to-css-var"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
//# sourceMappingURL=index.js.map

15

dist/cjs/create-theme-vars/theme-tokens.js

@@ -1,15 +0,2 @@

"use strict";
exports.__esModule = true;
exports.extractTokens = extractTokens;
exports.omitVars = omitVars;
var _utils = require("@sk-web-gui/utils");
var tokens = ['colors', 'cursor', 'rounded', 'fontSize', 'fontFamily', 'lineHeight', 'spacing', 'screens', 'radius'];
function extractTokens(theme) {
var _tokens = tokens;
return (0, _utils.pick)(theme, _tokens);
}
function omitVars(rawTheme) {
return (0, _utils.omit)(rawTheme, ['__cssMap', '__cssVars', '__breakpoints']);
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{extractTokens:function(){return extractTokens},omitVars:function(){return omitVars}});var _utils=require("@sk-web-gui/utils");var tokens=["colors","cursor","rounded","fontSize","fontFamily","lineHeight","spacing","screens","radius"];function extractTokens(theme){var _tokens=tokens;return(0,_utils.pick)(theme,_tokens)}function omitVars(rawTheme){return(0,_utils.omit)(rawTheme,["__cssMap","__cssVars","__breakpoints"])}
//# sourceMappingURL=theme-tokens.js.map

32

dist/cjs/create-theme-vars/to-css-var.js

@@ -1,32 +0,2 @@

"use strict";
exports.__esModule = true;
exports.toCSSVar = toCSSVar;
var _createThemeVars2 = require("./create-theme-vars");
var _themeTokens = require("./theme-tokens");
function toCSSVar(rawTheme) {
var _theme$config;
/**
* In the case the theme has already been converted to css-var (e.g extending the theme),
* we can omit the computed css vars and recompute it for the extended theme.
*/
var theme = (0, _themeTokens.omitVars)(rawTheme);
// omit components and breakpoints from css variable map
var tokens = (0, _themeTokens.extractTokens)(theme);
var cssVarPrefix = ((_theme$config = theme.config) == null ? void 0 : _theme$config.cssVarPrefix) || 'sk';
var _createThemeVars = (0, _createThemeVars2.createThemeVars)(tokens, {
cssVarPrefix: cssVarPrefix
}),
cssMap = _createThemeVars.cssMap,
cssVars = _createThemeVars.cssVars;
Object.assign(theme, {
__cssVars: cssVars,
__cssMap: cssMap
});
// console.log('theme: ', theme);
return theme;
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"toCSSVar",{enumerable:true,get:function(){return toCSSVar}});var _createthemevars=require("./create-theme-vars");var _themetokens=require("./theme-tokens");function toCSSVar(rawTheme){var _theme_config;var theme=(0,_themetokens.omitVars)(rawTheme);var tokens=(0,_themetokens.extractTokens)(theme);var cssVarPrefix=((_theme_config=theme.config)===null||_theme_config===void 0?void 0:_theme_config.cssVarPrefix)||"sk";var _createThemeVars=(0,_createthemevars.createThemeVars)(tokens,{cssVarPrefix:cssVarPrefix}),cssMap=_createThemeVars.cssMap,cssVars=_createThemeVars.cssVars;Object.assign(theme,{__cssVars:cssVars,__cssMap:cssMap});return theme}
//# sourceMappingURL=to-css-var.js.map

56

dist/cjs/default-theme.js

@@ -1,56 +0,2 @@

"use strict";
exports.__esModule = true;
exports.lightScheme = exports.defaultTheme = exports.darkScheme = void 0;
var _colors = require("./colors");
var _units = require("./units");
var _fonts = require("./fonts");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
// light theme
var lightScheme = exports.lightScheme = {
id: 'light',
type: 'light',
colors: _extends({}, _colors.colors.lightmode, {
bg: {
base: _colors.colors.lightmode.background.content,
fill: _colors.colors.lightmode.background[200]
},
text: {
foreground: _colors.colors.lightmode.dark.primary,
muted: _colors.colors.lightmode.dark.secondary
}
})
};
// dark theme
var darkScheme = exports.darkScheme = {
id: 'dark',
type: 'dark',
colors: _extends({}, _colors.colors.darkmode, {
bg: {
base: _colors.colors.darkmode.background.content,
fill: _colors.colors.darkmode.background[200]
},
text: {
foreground: _colors.colors.darkmode.dark.primary,
muted: _colors.colors.darkmode.dark.secondary
}
})
};
var defaultTheme = exports.defaultTheme = {
cursor: 'pointer',
rounded: '0.375rem',
// md
colorSchemes: {
light: lightScheme,
dark: darkScheme
},
config: {},
fontSize: _extends({}, _units.fontSizes),
fontFamily: _extends({}, _fonts.fonts),
lineHeight: _extends({}, _units.lineHeights),
spacing: _units.spacing,
screens: _units.screens,
radius: _units.radius
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{darkScheme:function(){return darkScheme},defaultTheme:function(){return defaultTheme},lightScheme:function(){return lightScheme}});var _colors=require("./colors");var _fonts=require("./fonts");var _units=require("./units");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var lightScheme={id:"light",type:"light",colors:_object_spread_props(_object_spread({},_colors.colors.lightmode),{bg:{base:_colors.colors.lightmode.background.content,fill:_colors.colors.lightmode.background[200]},text:{foreground:_colors.colors.lightmode.dark.primary,muted:_colors.colors.lightmode.dark.secondary}})};var darkScheme={id:"dark",type:"dark",colors:_object_spread_props(_object_spread({},_colors.colors.darkmode),{bg:{base:_colors.colors.darkmode.background.content,fill:_colors.colors.darkmode.background[200]},text:{foreground:_colors.colors.darkmode.dark.primary,muted:_colors.colors.darkmode.dark.secondary}})};var defaultTheme={cursor:"pointer",rounded:"0.375rem",colorSchemes:{light:lightScheme,dark:darkScheme},config:{},fontSize:_object_spread({},_units.fontSizes),fontFamily:_object_spread({},_fonts.fonts),lineHeight:_object_spread({},_units.lineHeights),spacing:_units.spacing,screens:_units.screens,radius:_units.radius};
//# sourceMappingURL=default-theme.js.map

13

dist/cjs/fonts.js

@@ -1,13 +0,2 @@

"use strict";
exports.__esModule = true;
exports.fonts = void 0;
var fonts = exports.fonts = {
DEFAULT: 'Arial, Helvetica, sans-serif',
header: 'Raleway, Arial, Helvetica, sans-serif',
display: 'Raleway, Arial, Helvetica, sans-serif',
sans: 'Arial, Helvetica, sans-serif',
serif: 'serif',
mono: 'monospace'
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"fonts",{enumerable:true,get:function(){return fonts}});var fonts={DEFAULT:"Arial, Helvetica, sans-serif",header:"Raleway, Arial, Helvetica, sans-serif",display:"Raleway, Arial, Helvetica, sans-serif",sans:"Arial, Helvetica, sans-serif",serif:"serif",mono:"monospace"};
//# sourceMappingURL=fonts.js.map

161

dist/cjs/gui-provider.js

@@ -1,161 +0,2 @@

"use strict";
exports.__esModule = true;
exports.GuiContext = exports.ColorSchemeMode = void 0;
exports.GuiProvider = GuiProvider;
exports.extendTheme = extendTheme;
exports.useGui = useGui;
var _utils = require("@sk-web-gui/utils");
var _react = _interopRequireDefault(require("react"));
var _createThemeVars = require("./create-theme-vars");
var _defaultTheme = require("./default-theme");
var _useSafeEffect = require("./use-safe-effect");
var _utils2 = require("./utils");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var ColorSchemeMode = exports.ColorSchemeMode = /*#__PURE__*/function (ColorSchemeMode) {
ColorSchemeMode["Dark"] = "dark";
ColorSchemeMode["Light"] = "light";
ColorSchemeMode["System"] = "system";
return ColorSchemeMode;
}({});
var GuiContext = exports.GuiContext = /*#__PURE__*/_react["default"].createContext(undefined);
GuiContext.displayName = 'GuiContext';
function GuiProvider(_ref) {
var _ref$theme = _ref.theme,
theme = _ref$theme === void 0 ? _defaultTheme.defaultTheme : _ref$theme,
_colorScheme = _ref.colorScheme,
_ref$baseFontSize = _ref.baseFontSize,
baseFontSize = _ref$baseFontSize === void 0 ? 10 : _ref$baseFontSize,
_ref$htmlFontSize = _ref.htmlFontSize,
htmlFontSize = _ref$htmlFontSize === void 0 ? 10 : _ref$htmlFontSize,
children = _ref.children;
var _React$useState = _react["default"].useState(ColorSchemeMode.Light),
preferredColorScheme = _React$useState[0],
setPreferredColorScheme = _React$useState[1];
var _React$useState2 = _react["default"].useState(ColorSchemeMode.System),
pickedColorScheme = _React$useState2[0],
setPickedColorScheme = _React$useState2[1];
_react["default"].useEffect(function () {
setPickedColorScheme(_colorScheme || ColorSchemeMode.System);
}, [_colorScheme]);
(0, _useSafeEffect.useSafeEffect)(function () {
if (pickedColorScheme === ColorSchemeMode.System) {
var scheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? ColorSchemeMode.Dark : ColorSchemeMode.Light;
setPreferredColorScheme(scheme);
}
}, [pickedColorScheme]);
var colorScheme = pickedColorScheme === ColorSchemeMode.System ? preferredColorScheme : pickedColorScheme;
var units = _react["default"].useMemo(function () {
var fontSize = theme.fontSize;
var lineHeight = theme.lineHeight;
var spacing = theme.spacing;
var screens = theme.screens;
var radius = theme.radius;
if (baseFontSize !== htmlFontSize) {
var diff = baseFontSize / htmlFontSize;
fontSize = crawlSizes(theme.fontSize, diff);
lineHeight = crawlSizes(theme.lineHeight, diff);
spacing = crawlSizes(theme.spacing, diff);
screens = crawlSizes(theme.screens, diff);
radius = crawlSizes(theme.radius, diff);
}
return {
fontSize: fontSize,
lineHeight: lineHeight,
spacing: spacing,
screens: screens,
radius: radius
};
}, [baseFontSize, htmlFontSize]);
var computedTheme = _react["default"].useMemo(function () {
var omittedTheme = (0, _utils.omit)(theme, ['colorSchemes']);
var _ref2 = theme.colorSchemes[colorScheme] || {},
colors = _ref2.colors,
type = _ref2.type;
if (_utils2.isBrowser) {
if (type === 'dark') document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark');
}
var normalizedTheme = _extends({}, omittedTheme, units, {
colors: colors
});
if (baseFontSize !== htmlFontSize) {
var fontSize = theme.fontSize,
lineHeight = theme.lineHeight,
spacing = theme.spacing,
screens = theme.screens,
radius = theme.radius;
var diff = baseFontSize / htmlFontSize;
normalizedTheme.fontSize = crawlSizes(fontSize, diff);
normalizedTheme.lineHeight = crawlSizes(lineHeight, diff);
normalizedTheme.spacing = crawlSizes(spacing, diff);
normalizedTheme.screens = crawlSizes(screens, diff);
normalizedTheme.radius = crawlSizes(radius, diff);
}
return (0, _createThemeVars.toCSSVar)(normalizedTheme);
}, [theme, colorScheme, pickedColorScheme, units]);
(0, _useSafeEffect.useSafeEffect)(function () {
if (_utils2.isBrowser) updateThemeVariables(computedTheme.__cssVars);
}, [computedTheme]);
var value = _react["default"].useMemo(function () {
return {
theme: computedTheme,
preferredColorScheme: preferredColorScheme,
colorScheme: pickedColorScheme,
setColorScheme: setPickedColorScheme,
units: {
base: baseFontSize,
htmlBase: htmlFontSize
}
};
}, [computedTheme, preferredColorScheme]);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(GuiContext.Provider, {
value: value,
children: children
});
}
function crawlSizes(options, diff) {
return Object.keys(options).reduce(function (newOptions, optionKey) {
var _extends2;
var value = options[optionKey];
var newValue = value;
if (value) {
if (typeof value === 'string' && value.includes('rem')) {
newValue = parseFloat(value.replace('rem', '')) * diff + "rem";
}
if (typeof value !== 'string') {
newValue = crawlSizes(value, diff);
}
}
return _extends({}, newOptions, (_extends2 = {}, _extends2[optionKey] = newValue, _extends2));
}, {});
}
function setStyleVariable(name, value) {
var rootStyle = document.documentElement.style;
rootStyle.setProperty(name, value);
}
function updateStyleHelper(_themeKey, style) {
var themeKey = _themeKey.startsWith('--') ? _themeKey : "--" + _themeKey;
setStyleVariable(themeKey, style);
}
function updateThemeVariables(vars) {
Object.entries(vars).forEach(function (_ref3) {
var key = _ref3[0],
val = _ref3[1];
updateStyleHelper(key, val);
});
}
function useGui() {
var theme = _react["default"].useContext(GuiContext);
if (!theme) {
throw Error('useGui: `theme` is undefined. Seems you forgot to wrap your app in `<GuiProvider />`');
}
return theme;
}
function extendTheme(themeOverride) {
return (0, _utils.deepmerge)(_defaultTheme.defaultTheme, themeOverride, {
clone: true
});
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"GuiProvider",{enumerable:true,get:function(){return GuiProvider}});var _jsxruntime=require("react/jsx-runtime");var _utils=require("@sk-web-gui/utils");var _react=/*#__PURE__*/_interop_require_default(require("react"));var _createthemevars=require("./create-theme-vars");var _defaulttheme=require("./default-theme");var _types=require("./types");var _usesafeeffect=require("./use-safe-effect");var _utils1=require("./utils");function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function GuiProvider(param){var _param_theme=param.theme,theme=_param_theme===void 0?_defaulttheme.defaultTheme:_param_theme,_colorScheme=param.colorScheme,_param_baseFontSize=param.baseFontSize,baseFontSize=_param_baseFontSize===void 0?10:_param_baseFontSize,_param_htmlFontSize=param.htmlFontSize,htmlFontSize=_param_htmlFontSize===void 0?10:_param_htmlFontSize,children=param.children;var _React_useState=_sliced_to_array(_react.default.useState(_types.ColorSchemeMode.Light),2),preferredColorScheme=_React_useState[0],setPreferredColorScheme=_React_useState[1];var _React_useState1=_sliced_to_array(_react.default.useState(_types.ColorSchemeMode.System),2),pickedColorScheme=_React_useState1[0],setPickedColorScheme=_React_useState1[1];_react.default.useEffect(function(){setPickedColorScheme(_colorScheme||_types.ColorSchemeMode.System)},[_colorScheme]);(0,_usesafeeffect.useSafeEffect)(function(){if(pickedColorScheme===_types.ColorSchemeMode.System){var scheme=window.matchMedia("(prefers-color-scheme: dark)").matches?_types.ColorSchemeMode.Dark:_types.ColorSchemeMode.Light;setPreferredColorScheme(scheme)}},[pickedColorScheme]);var colorScheme=pickedColorScheme===_types.ColorSchemeMode.System?preferredColorScheme:pickedColorScheme;var units=_react.default.useMemo(function(){var fontSize=theme.fontSize;var lineHeight=theme.lineHeight;var spacing=theme.spacing;var screens=theme.screens;var radius=theme.radius;if(baseFontSize!==htmlFontSize){var diff=baseFontSize/htmlFontSize;fontSize=crawlSizes(theme.fontSize,diff);lineHeight=crawlSizes(theme.lineHeight,diff);spacing=crawlSizes(theme.spacing,diff);screens=crawlSizes(theme.screens,diff);radius=crawlSizes(theme.radius,diff)}return{fontSize:fontSize,lineHeight:lineHeight,spacing:spacing,screens:screens,radius:radius}},[baseFontSize,htmlFontSize]);var computedTheme=_react.default.useMemo(function(){var omittedTheme=(0,_utils.omit)(theme,["colorSchemes"]);var _ref=theme.colorSchemes[colorScheme]||{},colors=_ref.colors,type=_ref.type;if(_utils1.isBrowser){if(type==="dark")document.documentElement.classList.add("dark");else document.documentElement.classList.remove("dark")}var normalizedTheme=_object_spread_props(_object_spread({},omittedTheme,units),{colors:colors});if(baseFontSize!==htmlFontSize){var fontSize=theme.fontSize,lineHeight=theme.lineHeight,spacing=theme.spacing,screens=theme.screens,radius=theme.radius;var diff=baseFontSize/htmlFontSize;normalizedTheme.fontSize=crawlSizes(fontSize,diff);normalizedTheme.lineHeight=crawlSizes(lineHeight,diff);normalizedTheme.spacing=crawlSizes(spacing,diff);normalizedTheme.screens=crawlSizes(screens,diff);normalizedTheme.radius=crawlSizes(radius,diff)}return(0,_createthemevars.toCSSVar)(normalizedTheme)},[theme,colorScheme,pickedColorScheme,units]);(0,_usesafeeffect.useSafeEffect)(function(){if(_utils1.isBrowser)updateThemeVariables(computedTheme.__cssVars)},[computedTheme]);var value=_react.default.useMemo(function(){return{theme:computedTheme,preferredColorScheme:preferredColorScheme,colorScheme:pickedColorScheme,setColorScheme:setPickedColorScheme,units:{base:baseFontSize,htmlBase:htmlFontSize}}},[computedTheme,preferredColorScheme]);return(0,_jsxruntime.jsx)(_utils1.GuiContext.Provider,{value:value,children:children})}function crawlSizes(options,diff){return Object.keys(options).reduce(function(newOptions,optionKey){var value=options[optionKey];var newValue=value;if(value){if(typeof value==="string"&&value.includes("rem")){newValue="".concat(parseFloat(value.replace("rem",""))*diff,"rem")}if(typeof value!=="string"){newValue=crawlSizes(value,diff)}}return _object_spread_props(_object_spread({},newOptions),_define_property({},optionKey,newValue))},{})}function setStyleVariable(name,value){var rootStyle=document.documentElement.style;rootStyle.setProperty(name,value)}function updateStyleHelper(_themeKey,style){var themeKey=_themeKey.startsWith("--")?_themeKey:"--".concat(_themeKey);setStyleVariable(themeKey,style)}function updateThemeVariables(vars){Object.entries(vars).forEach(function(param){var _param=_sliced_to_array(param,2),key=_param[0],val=_param[1];updateStyleHelper(key,val)})}
//# sourceMappingURL=gui-provider.js.map

58

dist/cjs/index.js

@@ -1,58 +0,2 @@

"use strict";
exports.__esModule = true;
var _guiProvider = require("./gui-provider");
Object.keys(_guiProvider).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _guiProvider[key]) return;
exports[key] = _guiProvider[key];
});
var _createMemoClass = require("./create-memo-class");
Object.keys(_createMemoClass).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _createMemoClass[key]) return;
exports[key] = _createMemoClass[key];
});
var _createThemeVars = require("./create-theme-vars");
Object.keys(_createThemeVars).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _createThemeVars[key]) return;
exports[key] = _createThemeVars[key];
});
var _defaultTheme = require("./default-theme");
Object.keys(_defaultTheme).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _defaultTheme[key]) return;
exports[key] = _defaultTheme[key];
});
var _colors = require("./colors");
Object.keys(_colors).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _colors[key]) return;
exports[key] = _colors[key];
});
var _types = require("./types");
Object.keys(_types).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _types[key]) return;
exports[key] = _types[key];
});
var _units = require("./units");
Object.keys(_units).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _units[key]) return;
exports[key] = _units[key];
});
var _fonts = require("./fonts");
Object.keys(_fonts).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _fonts[key]) return;
exports[key] = _fonts[key];
});
var _useThemeQueries = require("./use-theme-queries");
Object.keys(_useThemeQueries).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (key in exports && exports[key] === _useThemeQueries[key]) return;
exports[key] = _useThemeQueries[key];
});
"use strict";Object.defineProperty(exports,"__esModule",{value:true});_export_star(require("./gui-provider"),exports);_export_star(require("./create-memo-class"),exports);_export_star(require("./create-theme-vars"),exports);_export_star(require("./default-theme"),exports);_export_star(require("./colors"),exports);_export_star(require("./types"),exports);_export_star(require("./units"),exports);_export_star(require("./utils"),exports);_export_star(require("./fonts"),exports);_export_star(require("./use-theme-queries"),exports);_export_star(require("./use-gui"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}
//# sourceMappingURL=index.js.map

4

dist/cjs/types.js

@@ -1,4 +0,2 @@

"use strict";
exports.__esModule = true;
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ColorSchemeMode",{enumerable:true,get:function(){return ColorSchemeMode}});var ColorSchemeMode=/*#__PURE__*/function(ColorSchemeMode){ColorSchemeMode["Dark"]="dark";ColorSchemeMode["Light"]="light";ColorSchemeMode["System"]="system";return ColorSchemeMode}({});
//# sourceMappingURL=types.js.map

269

dist/cjs/units.js

@@ -1,269 +0,2 @@

"use strict";
exports.__esModule = true;
exports.spacing = exports.screens = exports.radius = exports.lineHeights = exports.fontSizes = exports.breakpoints = void 0;
var spacing = exports.spacing = {
0: '0px',
'0.25': '0.025rem',
'0.5': '0.05rem',
'0.75': '0.075rem',
1: '0.1rem',
2: '0.2rem',
3: '0.3rem',
4: '0.4rem',
5: '0.5rem',
6: '0.6rem',
7: '0.7rem',
8: '0.8rem',
9: '0.9rem',
10: '1rem',
11: '1.1rem',
12: '1.2rem',
13: '1.3rem',
14: '1.4rem',
15: '1.5rem',
16: '1.6rem',
17: '1.7rem',
18: '1.8rem',
19: '1.9rem',
20: '2rem',
22: '2.2rem',
24: '2.4rem',
26: '2.6rem',
28: '2.8rem',
30: '3rem',
32: '3.2rem',
34: '3.4rem',
36: '3.6rem',
38: '3.8rem',
40: '4rem',
42: '4.2rem',
44: '4.4rem',
46: '4.6rem',
48: '4.8rem',
50: '5rem',
52: '5.2rem',
54: '5.4rem',
56: '5.6rem',
58: '5.8rem',
60: '6rem',
62: '6.2rem',
64: '6.4rem',
68: '6.8rem',
72: '7.2rem',
80: '8rem',
90: '9rem',
100: '10rem'
};
var breakpoints = exports.breakpoints = {
phone: {
DEFAULT: '320px',
min: '320px',
max: '479px'
},
'small-device': {
DEFAULT: '480px',
min: '480px',
max: '767px'
},
'medium-device': {
DEFAULT: '768px',
min: '768px',
max: '1023px'
},
'large-device': {
DEFAULT: '1024px',
min: '1024px',
max: '1365px'
},
desktop: {
DEFAULT: '1366px',
min: '1366px',
max: '1600px'
}
};
var screens = exports.screens = {
xs: breakpoints.phone.DEFAULT,
sm: breakpoints['small-device'].DEFAULT,
md: breakpoints['medium-device'].DEFAULT,
lg: breakpoints['large-device'].DEFAULT,
xl: breakpoints.desktop.DEFAULT,
phone: breakpoints.phone.DEFAULT,
'phone-min': breakpoints.phone.min,
'phone-max': breakpoints.phone.max,
'small-device': breakpoints['small-device'].DEFAULT,
'small-device-min': breakpoints['small-device'].min,
'small-device-max': breakpoints['small-device'].max,
'medium-device': breakpoints['medium-device'].DEFAULT,
'medium-device-min': breakpoints['medium-device'].min,
'medium-device-max': breakpoints['medium-device'].max,
'large-device': breakpoints['large-device'].DEFAULT,
'large-device-min': breakpoints['large-device'].min,
'large-device-max': breakpoints['large-device'].max,
desktop: breakpoints.desktop.DEFAULT,
'desktop-min': breakpoints.desktop.min,
'desktop-max': breakpoints.desktop.max
};
var fontSizes = exports.fontSizes = {
display: {
1: {
DEFAULT: '8rem',
lg: '8rem',
md: '7.2rem',
sm: '5.6rem'
},
2: {
DEFAULT: '6.4rem',
lg: '6.4rem',
md: '5.6rem',
sm: '4.4rem'
},
3: {
DEFAULT: '4.8rem',
lg: '4.8rem',
md: '4rem',
sm: '3.2rem'
}
},
h: {
1: {
DEFAULT: '4rem',
lg: '4rem',
md: '3.4rem',
sm: '3.2rem'
},
2: {
DEFAULT: '3.2rem',
lg: '3.2rem',
md: '2.8rem',
sm: '2.6rem'
},
3: {
DEFAULT: '2.6rem',
lg: '2.6rem',
md: '2.2rem',
sm: '2rem'
},
4: {
DEFAULT: '2.4rem',
lg: '2.4rem',
md: '2rem',
sm: '1.8rem'
}
},
label: {
large: '1.8rem',
medium: '1.6rem',
small: '1.4rem'
},
input: {
large: '1.8rem',
medium: '1.6rem',
small: '1.4rem'
},
logo: {
header: '2.2rem'
},
lead: '2rem',
base: '1.6rem',
large: '1.8rem',
small: '1.4rem'
};
var lineHeights = exports.lineHeights = {
display: {
1: {
DEFAULT: '9.6rem',
lg: '9.6rem',
md: '8rem',
sm: '6.4rem'
},
2: {
DEFAULT: '7.2rem',
lg: '7.2rem',
md: '6.4rem',
sm: '5.6rem'
},
3: {
DEFAULT: '5.6rem',
lg: '5.6rem',
md: '4.8rem',
sm: '3.6rem'
}
},
h: {
1: {
DEFAULT: '5.6rem',
lg: '5.6rem',
md: '4.8rem',
sm: '4.4rem'
},
2: {
DEFAULT: '4rem',
lg: '4rem',
md: '3.6rem',
sm: '3.2rem'
},
3: {
DEFAULT: '3.4rem',
lg: '3.4rem',
md: '3rem',
sm: '2.8rem'
},
4: {
DEFAULT: '3.2rem',
lg: '3.2rem',
md: '2.8rem',
sm: '2.4rem'
}
},
label: {
large: '3.2rem',
medium: '2.4rem',
small: '1.6rem'
},
input: {
large: '2.4rem',
medium: '2.4rem',
small: '2rem'
},
logo: {
header: '2.8rem'
},
lead: '2.8rem',
base: '2.4rem',
large: '2.6rem',
small: '1.8rem'
};
var radius = exports.radius = {
circular: {
DEFAULT: '1000000rem',
lg: '1000000rem',
md: '1000000rem',
sm: '1000000rem'
},
button: {
DEFAULT: spacing[12],
lg: spacing[12],
md: spacing[12],
sm: spacing[10]
},
cards: {
DEFAULT: spacing[20],
lg: spacing[20],
md: spacing[20],
sm: spacing[20]
},
utility: {
DEFAULT: spacing[8],
lg: spacing[8],
md: spacing[8],
sm: spacing[8]
},
groups: {
DEFAULT: spacing[16],
lg: spacing[16],
md: spacing[16],
sm: spacing[16]
}
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{breakpoints:function(){return breakpoints},fontSizes:function(){return fontSizes},lineHeights:function(){return lineHeights},radius:function(){return radius},screens:function(){return screens},spacing:function(){return spacing}});var spacing={0:"0px","0.25":"0.025rem","0.5":"0.05rem","0.75":"0.075rem",1:"0.1rem",2:"0.2rem",3:"0.3rem",4:"0.4rem",5:"0.5rem",6:"0.6rem",7:"0.7rem",8:"0.8rem",9:"0.9rem",10:"1rem",11:"1.1rem",12:"1.2rem",13:"1.3rem",14:"1.4rem",15:"1.5rem",16:"1.6rem",17:"1.7rem",18:"1.8rem",19:"1.9rem",20:"2rem",22:"2.2rem",24:"2.4rem",26:"2.6rem",28:"2.8rem",30:"3rem",32:"3.2rem",34:"3.4rem",36:"3.6rem",38:"3.8rem",40:"4rem",42:"4.2rem",44:"4.4rem",46:"4.6rem",48:"4.8rem",50:"5rem",52:"5.2rem",54:"5.4rem",56:"5.6rem",58:"5.8rem",60:"6rem",62:"6.2rem",64:"6.4rem",68:"6.8rem",72:"7.2rem",80:"8rem",90:"9rem",100:"10rem"};var breakpoints={phone:{DEFAULT:"320px",min:"320px",max:"479px"},"small-device":{DEFAULT:"480px",min:"480px",max:"767px"},"medium-device":{DEFAULT:"768px",min:"768px",max:"1023px"},"large-device":{DEFAULT:"1024px",min:"1024px",max:"1365px"},desktop:{DEFAULT:"1366px",min:"1366px",max:"1600px"}};var screens={xs:breakpoints.phone.DEFAULT,sm:breakpoints["small-device"].DEFAULT,md:breakpoints["medium-device"].DEFAULT,lg:breakpoints["large-device"].DEFAULT,xl:breakpoints.desktop.DEFAULT,phone:breakpoints.phone.DEFAULT,"phone-min":breakpoints.phone.min,"phone-max":breakpoints.phone.max,"small-device":breakpoints["small-device"].DEFAULT,"small-device-min":breakpoints["small-device"].min,"small-device-max":breakpoints["small-device"].max,"medium-device":breakpoints["medium-device"].DEFAULT,"medium-device-min":breakpoints["medium-device"].min,"medium-device-max":breakpoints["medium-device"].max,"large-device":breakpoints["large-device"].DEFAULT,"large-device-min":breakpoints["large-device"].min,"large-device-max":breakpoints["large-device"].max,desktop:breakpoints.desktop.DEFAULT,"desktop-min":breakpoints.desktop.min,"desktop-max":breakpoints.desktop.max};var fontSizes={display:{1:{DEFAULT:"8rem",lg:"8rem",md:"7.2rem",sm:"5.6rem"},2:{DEFAULT:"6.4rem",lg:"6.4rem",md:"5.6rem",sm:"4.4rem"},3:{DEFAULT:"4.8rem",lg:"4.8rem",md:"4rem",sm:"3.2rem"}},h:{1:{DEFAULT:"4rem",lg:"4rem",md:"3.4rem",sm:"3.2rem"},2:{DEFAULT:"3.2rem",lg:"3.2rem",md:"2.8rem",sm:"2.6rem"},3:{DEFAULT:"2.6rem",lg:"2.6rem",md:"2.2rem",sm:"2rem"},4:{DEFAULT:"2.4rem",lg:"2.4rem",md:"2rem",sm:"1.8rem"}},label:{large:"1.8rem",medium:"1.6rem",small:"1.4rem"},input:{large:"1.8rem",medium:"1.6rem",small:"1.4rem"},logo:{header:"2.2rem"},lead:"2rem",base:"1.6rem",large:"1.8rem",small:"1.4rem"};var lineHeights={display:{1:{DEFAULT:"9.6rem",lg:"9.6rem",md:"8rem",sm:"6.4rem"},2:{DEFAULT:"7.2rem",lg:"7.2rem",md:"6.4rem",sm:"5.6rem"},3:{DEFAULT:"5.6rem",lg:"5.6rem",md:"4.8rem",sm:"3.6rem"}},h:{1:{DEFAULT:"5.6rem",lg:"5.6rem",md:"4.8rem",sm:"4.4rem"},2:{DEFAULT:"4rem",lg:"4rem",md:"3.6rem",sm:"3.2rem"},3:{DEFAULT:"3.4rem",lg:"3.4rem",md:"3rem",sm:"2.8rem"},4:{DEFAULT:"3.2rem",lg:"3.2rem",md:"2.8rem",sm:"2.4rem"}},label:{large:"3.2rem",medium:"2.4rem",small:"1.6rem"},input:{large:"2.4rem",medium:"2.4rem",small:"2rem"},logo:{header:"2.8rem"},lead:"2.8rem",base:"2.4rem",large:"2.6rem",small:"1.8rem"};var radius={circular:{DEFAULT:"1000000rem",lg:"1000000rem",md:"1000000rem",sm:"1000000rem"},button:{DEFAULT:spacing[12],lg:spacing[12],md:spacing[12],sm:spacing[10]},cards:{DEFAULT:spacing[20],lg:spacing[20],md:spacing[20],sm:spacing[20]},utility:{DEFAULT:spacing[8],lg:spacing[8],md:spacing[8],sm:spacing[8]},groups:{DEFAULT:spacing[16],lg:spacing[16],md:spacing[16],sm:spacing[16]}};
//# sourceMappingURL=units.js.map

8

dist/cjs/use-safe-effect.js

@@ -1,8 +0,2 @@

"use strict";
exports.__esModule = true;
exports.useSafeEffect = void 0;
var _react = require("react");
var _utils = require("./utils");
var useSafeEffect = exports.useSafeEffect = _utils.isBrowser ? _react.useLayoutEffect : _react.useEffect;
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useSafeEffect",{enumerable:true,get:function(){return useSafeEffect}});var _react=require("react");var _utils=require("./utils");var useSafeEffect=_utils.isBrowser?_react.useLayoutEffect:_react.useEffect;
//# sourceMappingURL=use-safe-effect.js.map

87

dist/cjs/use-theme-queries.js

@@ -1,87 +0,2 @@

"use strict";
exports.__esModule = true;
exports.useThemeQueries = void 0;
var _usehooksTs = require("usehooks-ts");
var _defaultTheme = require("./default-theme");
var _guiProvider = require("./gui-provider");
/**
* Returns predefined media queries from theme.
*
* Will use theme from GuiProvider if none is provided as param.
* If no theme can be found in GuiProvider, defaultTheme will be used.
*
* @param {object} [theme] - GuiTheme.
* @returns ThemeQueries
*/
var useThemeQueries = exports.useThemeQueries = function useThemeQueries(theme) {
var _myTheme$screens, _myTheme$screens2, _myTheme$screens3, _myTheme$screens4, _myTheme$screens5, _myTheme$screens6, _myTheme$screens7, _myTheme$screens8, _myTheme$screens9, _myTheme$screens10;
var _useGui = (0, _guiProvider.useGui)(),
_guiTheme = _useGui.theme;
var myTheme = theme || _guiTheme || _defaultTheme.defaultTheme;
var isMinXs = (0, _usehooksTs.useMediaQuery)("screen and (min-width: " + (myTheme == null || (_myTheme$screens = myTheme.screens) == null ? void 0 : _myTheme$screens['phone-min']) + ")");
var isMaxXs = (0, _usehooksTs.useMediaQuery)("screen and (max-width: " + (myTheme == null || (_myTheme$screens2 = myTheme.screens) == null ? void 0 : _myTheme$screens2['phone-max']) + ")");
var isXs = isMinXs && isMaxXs;
var isPhone = isXs;
var isMinPhone = isMinXs;
var isMaxPhone = isMaxXs;
var isMinSm = (0, _usehooksTs.useMediaQuery)("screen and (min-width: " + (myTheme == null || (_myTheme$screens3 = myTheme.screens) == null ? void 0 : _myTheme$screens3['small-device-min']) + ")");
var isMaxSm = (0, _usehooksTs.useMediaQuery)("screen and (max-width: " + (myTheme == null || (_myTheme$screens4 = myTheme.screens) == null ? void 0 : _myTheme$screens4['small-device-max']) + ")");
var isSm = isMinSm && isMaxSm;
var isSmallDevice = isSm;
var isMinSmallDevice = isMinSm;
var isMaxSmallDevice = isMaxSm;
var isMinMd = (0, _usehooksTs.useMediaQuery)("screen and (min-width: " + (myTheme == null || (_myTheme$screens5 = myTheme.screens) == null ? void 0 : _myTheme$screens5['medium-device-min']) + ")");
var isMaxMd = (0, _usehooksTs.useMediaQuery)("screen and (max-width: " + (myTheme == null || (_myTheme$screens6 = myTheme.screens) == null ? void 0 : _myTheme$screens6['medium-device-max']) + ")");
var isMd = isMinMd && isMaxMd;
var isMediumDevice = isMd;
var isMinMediumDevice = isMinMd;
var isMaxMediumDevice = isMaxMd;
var isMinLg = (0, _usehooksTs.useMediaQuery)("screen and (min-width: " + (myTheme == null || (_myTheme$screens7 = myTheme.screens) == null ? void 0 : _myTheme$screens7['large-device-min']) + ")");
var isMaxLg = (0, _usehooksTs.useMediaQuery)("screen and (max-width: " + (myTheme == null || (_myTheme$screens8 = myTheme.screens) == null ? void 0 : _myTheme$screens8['large-device-max']) + ")");
var isLg = isMinLg && isMaxLg;
var isLargeDevice = isLg;
var isMinLargeDevice = isMinLg;
var isMaxLargeDevice = isMaxLg;
var isDevice = isSmallDevice || isMediumDevice || isLargeDevice;
var isMinXl = (0, _usehooksTs.useMediaQuery)("screen and (min-width: " + (myTheme == null || (_myTheme$screens9 = myTheme.screens) == null ? void 0 : _myTheme$screens9['desktop-min']) + ")");
var isMaxXl = (0, _usehooksTs.useMediaQuery)("screen and (max-width: " + (myTheme == null || (_myTheme$screens10 = myTheme.screens) == null ? void 0 : _myTheme$screens10['desktop-max']) + ")");
var isXl = isMinXl && isMaxXl;
var isDesktop = isXl;
var isMinDesktop = isMinXl;
var isMaxDesktop = isMaxXl;
return {
isMinXs: isMinXs,
isMaxXs: isMaxXs,
isXs: isXs,
isMinPhone: isMinPhone,
isMaxPhone: isMaxPhone,
isPhone: isPhone,
isMinSm: isMinSm,
isMaxSm: isMaxSm,
isSm: isSm,
isMinSmallDevice: isMinSmallDevice,
isMaxSmallDevice: isMaxSmallDevice,
isSmallDevice: isSmallDevice,
isMinMd: isMinMd,
isMaxMd: isMaxMd,
isMd: isMd,
isMinMediumDevice: isMinMediumDevice,
isMaxMediumDevice: isMaxMediumDevice,
isMediumDevice: isMediumDevice,
isMinLg: isMinLg,
isMaxLg: isMaxLg,
isLg: isLg,
isMinLargeDevice: isMinLargeDevice,
isMaxLargeDevice: isMaxLargeDevice,
isLargeDevice: isLargeDevice,
isDevice: isDevice,
isMinXl: isMinXl,
isMaxXl: isMaxXl,
isXl: isXl,
isMinDesktop: isMinDesktop,
isMaxDesktop: isMaxDesktop,
isDesktop: isDesktop
};
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useThemeQueries",{enumerable:true,get:function(){return useThemeQueries}});var _usehooksts=require("usehooks-ts");var _defaulttheme=require("./default-theme");var _usegui=require("./use-gui");var useThemeQueries=function(theme){var _myTheme_screens,_myTheme_screens1,_myTheme_screens2,_myTheme_screens3,_myTheme_screens4,_myTheme_screens5,_myTheme_screens6,_myTheme_screens7,_myTheme_screens8,_myTheme_screens9;var _useGui=(0,_usegui.useGui)(),_guiTheme=_useGui.theme;var myTheme=theme||_guiTheme||_defaulttheme.defaultTheme;var isMinXs=(0,_usehooksts.useMediaQuery)("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens=myTheme.screens)===null||_myTheme_screens===void 0?void 0:_myTheme_screens["phone-min"],")"));var isMaxXs=(0,_usehooksts.useMediaQuery)("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens1=myTheme.screens)===null||_myTheme_screens1===void 0?void 0:_myTheme_screens1["phone-max"],")"));var isXs=isMinXs&&isMaxXs;var isPhone=isXs;var isMinPhone=isMinXs;var isMaxPhone=isMaxXs;var isMinSm=(0,_usehooksts.useMediaQuery)("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens2=myTheme.screens)===null||_myTheme_screens2===void 0?void 0:_myTheme_screens2["small-device-min"],")"));var isMaxSm=(0,_usehooksts.useMediaQuery)("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens3=myTheme.screens)===null||_myTheme_screens3===void 0?void 0:_myTheme_screens3["small-device-max"],")"));var isSm=isMinSm&&isMaxSm;var isSmallDevice=isSm;var isMinSmallDevice=isMinSm;var isMaxSmallDevice=isMaxSm;var isMinMd=(0,_usehooksts.useMediaQuery)("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens4=myTheme.screens)===null||_myTheme_screens4===void 0?void 0:_myTheme_screens4["medium-device-min"],")"));var isMaxMd=(0,_usehooksts.useMediaQuery)("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens5=myTheme.screens)===null||_myTheme_screens5===void 0?void 0:_myTheme_screens5["medium-device-max"],")"));var isMd=isMinMd&&isMaxMd;var isMediumDevice=isMd;var isMinMediumDevice=isMinMd;var isMaxMediumDevice=isMaxMd;var isMinLg=(0,_usehooksts.useMediaQuery)("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens6=myTheme.screens)===null||_myTheme_screens6===void 0?void 0:_myTheme_screens6["large-device-min"],")"));var isMaxLg=(0,_usehooksts.useMediaQuery)("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens7=myTheme.screens)===null||_myTheme_screens7===void 0?void 0:_myTheme_screens7["large-device-max"],")"));var isLg=isMinLg&&isMaxLg;var isLargeDevice=isLg;var isMinLargeDevice=isMinLg;var isMaxLargeDevice=isMaxLg;var isDevice=isSmallDevice||isMediumDevice||isLargeDevice;var isMinXl=(0,_usehooksts.useMediaQuery)("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens8=myTheme.screens)===null||_myTheme_screens8===void 0?void 0:_myTheme_screens8["desktop-min"],")"));var isMaxXl=(0,_usehooksts.useMediaQuery)("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens9=myTheme.screens)===null||_myTheme_screens9===void 0?void 0:_myTheme_screens9["desktop-max"],")"));var isXl=isMinXl&&isMaxXl;var isDesktop=isXl;var isMinDesktop=isMinXl;var isMaxDesktop=isMaxXl;return{isMinXs:isMinXs,isMaxXs:isMaxXs,isXs:isXs,isMinPhone:isMinPhone,isMaxPhone:isMaxPhone,isPhone:isPhone,isMinSm:isMinSm,isMaxSm:isMaxSm,isSm:isSm,isMinSmallDevice:isMinSmallDevice,isMaxSmallDevice:isMaxSmallDevice,isSmallDevice:isSmallDevice,isMinMd:isMinMd,isMaxMd:isMaxMd,isMd:isMd,isMinMediumDevice:isMinMediumDevice,isMaxMediumDevice:isMaxMediumDevice,isMediumDevice:isMediumDevice,isMinLg:isMinLg,isMaxLg:isMaxLg,isLg:isLg,isMinLargeDevice:isMinLargeDevice,isMaxLargeDevice:isMaxLargeDevice,isLargeDevice:isLargeDevice,isDevice:isDevice,isMinXl:isMinXl,isMaxXl:isMaxXl,isXl:isXl,isMinDesktop:isMinDesktop,isMaxDesktop:isMaxDesktop,isDesktop:isDesktop}};
//# sourceMappingURL=use-theme-queries.js.map

6

dist/cjs/utils.js

@@ -1,6 +0,2 @@

"use strict";
exports.__esModule = true;
exports.isBrowser = void 0;
var isBrowser = exports.isBrowser = typeof document !== 'undefined';
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{GuiContext:function(){return GuiContext},extendTheme:function(){return extendTheme},isBrowser:function(){return isBrowser}});var _utils=require("@sk-web-gui/utils");var _react=/*#__PURE__*/_interop_require_default(require("react"));var _defaulttheme=require("./default-theme");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}var isBrowser=typeof document!=="undefined";var GuiContext=_react.default.createContext(undefined);GuiContext.displayName="GuiContext";function extendTheme(themeOverride){return(0,_utils.deepmerge)(_defaulttheme.defaultTheme,themeOverride,{clone:true})}
//# sourceMappingURL=utils.js.map

622

dist/esm/colors.js

@@ -1,622 +0,2 @@

var _toRGB, _toRGB2, _toRGB3, _toRGB4, _toRGB5, _toRGB6, _toRGB7, _toRGB8, _toRGB9, _toRGB10, _toRGB11, _toRGB12, _toRGB13, _toRGB14, _toRGB15, _toRGB16, _toRGB17, _toRGB18, _toRGB19, _toRGB20, _toRGB21, _toRGB22, _toRGB23, _toRGB24, _toRGB25, _toRGB26, _toRGB27, _toRGB28, _toRGB29, _toRGB30, _toRGB31, _toRGB32, _toRGB33, _toRGB34, _toRGB35, _toRGB36, _toRGB37, _toRGB38, _toRGB39, _toRGB40, _toRGB41, _toRGB42, _toRGB43, _toRGB44, _toRGB45, _toRGB46, _toRGB47, _toRGB48, _toRGB49, _toRGB50, _toRGB51, _toRGB52, _toRGB53, _toRGB54, _toRGB55, _toRGB56, _toRGB57, _toRGB58, _toRGB59, _toRGB60, _toRGB61, _toRGB62, _toRGB63, _toRGB64, _toRGB65, _toRGB66, _toRGB67, _toRGB68, _toRGB69, _toRGB70, _toRGB71, _toRGB72, _toRGB73, _toRGB74, _toRGB75, _toRGB76, _toRGB77, _toRGB78, _toRGB79, _toRGB80, _toRGB81, _toRGB82, _toRGB83, _toRGB84, _toRGB85, _toRGB86, _toRGB87, _toRGB88, _toRGB89, _toRGB90, _toRGB91, _toRGB92, _toRGB93, _toRGB94;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
// https://github.com/tailwindlabs/tailwindcss/blob/master/colors.js
import { toRGB } from '@sk-web-gui/utils';
// /* Base colors */
export var primitives = {
// NEUTRALS
gray: {
lightest: "rgb(" + ((_toRGB = toRGB('#FFFFFF')) == null ? void 0 : _toRGB.join(',')) + ")",
50: "rgb(" + ((_toRGB2 = toRGB('#FAFAFA')) == null ? void 0 : _toRGB2.join(',')) + ")",
100: "rgb(" + ((_toRGB3 = toRGB('#F0F0F0')) == null ? void 0 : _toRGB3.join(',')) + ")",
200: "rgb(" + ((_toRGB4 = toRGB('#E5E5E5')) == null ? void 0 : _toRGB4.join(',')) + ")",
300: "rgb(" + ((_toRGB5 = toRGB('#B7B7BA')) == null ? void 0 : _toRGB5.join(',')) + ")",
400: "rgb(" + ((_toRGB6 = toRGB('#A2A2A8')) == null ? void 0 : _toRGB6.join(',')) + ")",
500: "rgb(" + ((_toRGB7 = toRGB('#68686D')) == null ? void 0 : _toRGB7.join(',')) + ")",
600: "rgb(" + ((_toRGB8 = toRGB('#51515C')) == null ? void 0 : _toRGB8.join(',')) + ")",
700: "rgb(" + ((_toRGB9 = toRGB('#444450')) == null ? void 0 : _toRGB9.join(',')) + ")",
800: "rgb(" + ((_toRGB10 = toRGB('#2F2F3C')) == null ? void 0 : _toRGB10.join(',')) + ")",
900: "rgb(" + ((_toRGB11 = toRGB('#1C1C28')) == null ? void 0 : _toRGB11.join(',')) + ")",
darkest: "rgb(" + ((_toRGB12 = toRGB('#1C1C28')) == null ? void 0 : _toRGB12.join(',')) + ")"
},
overlay: {
darken: {
1: "rgba(" + ((_toRGB13 = toRGB('#1C1C28')) == null ? void 0 : _toRGB13.join(',')) + ", 0.04)",
2: "rgba(" + ((_toRGB14 = toRGB('#1C1C28')) == null ? void 0 : _toRGB14.join(',')) + ", 0.08)",
3: "rgba(" + ((_toRGB15 = toRGB('#1C1C28')) == null ? void 0 : _toRGB15.join(',')) + ", 0.10)",
4: "rgba(" + ((_toRGB16 = toRGB('#1C1C28')) == null ? void 0 : _toRGB16.join(',')) + ", 0.18)",
5: "rgba(" + ((_toRGB17 = toRGB('#1C1C28')) == null ? void 0 : _toRGB17.join(',')) + ", 0.3)",
6: "rgba(" + ((_toRGB18 = toRGB('#1C1C28')) == null ? void 0 : _toRGB18.join(',')) + ", 0.5)",
7: "rgba(" + ((_toRGB19 = toRGB('#1C1C28')) == null ? void 0 : _toRGB19.join(',')) + ", 0.64)",
8: "rgba(" + ((_toRGB20 = toRGB('#1C1C28')) == null ? void 0 : _toRGB20.join(',')) + ", 0.8)",
9: "rgba(" + ((_toRGB21 = toRGB('#1C1C28')) == null ? void 0 : _toRGB21.join(',')) + ", 0.88)",
10: "rgba(" + ((_toRGB22 = toRGB('#1C1C28')) == null ? void 0 : _toRGB22.join(',')) + ", 0.95)"
},
lighten: {
1: "rgba(" + ((_toRGB23 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB23.join(',')) + ", 0.04)",
2: "rgba(" + ((_toRGB24 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB24.join(',')) + ", 0.08)",
3: "rgba(" + ((_toRGB25 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB25.join(',')) + ", 0.10)",
4: "rgba(" + ((_toRGB26 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB26.join(',')) + ", 0.2)",
5: "rgba(" + ((_toRGB27 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB27.join(',')) + ", 0.3)",
6: "rgba(" + ((_toRGB28 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB28.join(',')) + ", 0.5)",
7: "rgba(" + ((_toRGB29 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB29.join(',')) + ", 0.64)",
8: "rgba(" + ((_toRGB30 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB30.join(',')) + ", 0.8)",
9: "rgba(" + ((_toRGB31 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB31.join(',')) + ", 0.88)",
10: "rgba(" + ((_toRGB32 = toRGB('#FFFFFF')) == null ? void 0 : _toRGB32.join(',')) + ", 0.95)"
}
},
//COLORS
blue: {
50: "rgb(" + ((_toRGB33 = toRGB('#F0F5F9')) == null ? void 0 : _toRGB33.join(',')) + ")",
100: "rgb(" + ((_toRGB34 = toRGB('#E1ECF4')) == null ? void 0 : _toRGB34.join(',')) + ")",
200: "rgb(" + ((_toRGB35 = toRGB('#CFE0EC')) == null ? void 0 : _toRGB35.join(',')) + ")",
300: "rgb(" + ((_toRGB36 = toRGB('#B5CFE3')) == null ? void 0 : _toRGB36.join(',')) + ")",
400: "rgb(" + ((_toRGB37 = toRGB('#73ACD6')) == null ? void 0 : _toRGB37.join(',')) + ")",
500: "rgb(" + ((_toRGB38 = toRGB('#4293D1')) == null ? void 0 : _toRGB38.join(',')) + ")",
600: "rgb(" + ((_toRGB39 = toRGB('#1472B8')) == null ? void 0 : _toRGB39.join(',')) + ")",
700: "rgb(" + ((_toRGB40 = toRGB('#005595')) == null ? void 0 : _toRGB40.join(',')) + ")",
800: "rgb(" + ((_toRGB41 = toRGB('#004C85')) == null ? void 0 : _toRGB41.join(',')) + ")",
900: "rgb(" + ((_toRGB42 = toRGB('#004070')) == null ? void 0 : _toRGB42.join(',')) + ")"
},
green: {
50: "rgb(" + ((_toRGB43 = toRGB('#F1F9F5')) == null ? void 0 : _toRGB43.join(',')) + ")",
100: "rgb(" + ((_toRGB44 = toRGB('#E1EFE9')) == null ? void 0 : _toRGB44.join(',')) + ")",
200: "rgb(" + ((_toRGB45 = toRGB('#C9E4D7')) == null ? void 0 : _toRGB45.join(',')) + ")",
300: "rgb(" + ((_toRGB46 = toRGB('#AAD4BF')) == null ? void 0 : _toRGB46.join(',')) + ")",
400: "rgb(" + ((_toRGB47 = toRGB('#65B88F')) == null ? void 0 : _toRGB47.join(',')) + ")",
500: "rgb(" + ((_toRGB48 = toRGB('#16A25E')) == null ? void 0 : _toRGB48.join(',')) + ")",
600: "rgb(" + ((_toRGB49 = toRGB('#12874E')) == null ? void 0 : _toRGB49.join(',')) + ")",
700: "rgb(" + ((_toRGB50 = toRGB('#00733B')) == null ? void 0 : _toRGB50.join(',')) + ")",
800: "rgb(" + ((_toRGB51 = toRGB('#00592D')) == null ? void 0 : _toRGB51.join(',')) + ")",
900: "rgb(" + ((_toRGB52 = toRGB('#004222')) == null ? void 0 : _toRGB52.join(',')) + ")"
},
purple: {
50: "rgb(" + ((_toRGB53 = toRGB('#F6F1F9')) == null ? void 0 : _toRGB53.join(',')) + ")",
100: "rgb(" + ((_toRGB54 = toRGB('#EFE8F3')) == null ? void 0 : _toRGB54.join(',')) + ")",
200: "rgb(" + ((_toRGB55 = toRGB('#E4D8E9')) == null ? void 0 : _toRGB55.join(',')) + ")",
300: "rgb(" + ((_toRGB56 = toRGB('#D6C4DE')) == null ? void 0 : _toRGB56.join(',')) + ")",
400: "rgb(" + ((_toRGB57 = toRGB('#BA90CE')) == null ? void 0 : _toRGB57.join(',')) + ")",
500: "rgb(" + ((_toRGB58 = toRGB('#8C42AE')) == null ? void 0 : _toRGB58.join(',')) + ")",
600: "rgb(" + ((_toRGB59 = toRGB('#722796')) == null ? void 0 : _toRGB59.join(',')) + ")",
700: "rgb(" + ((_toRGB60 = toRGB('#5B1F78')) == null ? void 0 : _toRGB60.join(',')) + ")",
800: "rgb(" + ((_toRGB61 = toRGB('#4D1A65')) == null ? void 0 : _toRGB61.join(',')) + ")",
900: "rgb(" + ((_toRGB62 = toRGB('#2E103D')) == null ? void 0 : _toRGB62.join(',')) + ")"
},
pink: {
50: "rgb(" + ((_toRGB63 = toRGB('#FAEFF8')) == null ? void 0 : _toRGB63.join(',')) + ")",
100: "rgb(" + ((_toRGB64 = toRGB('#F6E4F2')) == null ? void 0 : _toRGB64.join(',')) + ")",
200: "rgb(" + ((_toRGB65 = toRGB('#F1D5EA')) == null ? void 0 : _toRGB65.join(',')) + ")",
300: "rgb(" + ((_toRGB66 = toRGB('#E9BEE0')) == null ? void 0 : _toRGB66.join(',')) + ")",
400: "rgb(" + ((_toRGB67 = toRGB('#DF83CD')) == null ? void 0 : _toRGB67.join(',')) + ")",
500: "rgb(" + ((_toRGB68 = toRGB('#D558AE')) == null ? void 0 : _toRGB68.join(',')) + ")",
600: "rgb(" + ((_toRGB69 = toRGB('#BF1D8C')) == null ? void 0 : _toRGB69.join(',')) + ")",
700: "rgb(" + ((_toRGB70 = toRGB('#A90074')) == null ? void 0 : _toRGB70.join(',')) + ")",
800: "rgb(" + ((_toRGB71 = toRGB('#8A005E')) == null ? void 0 : _toRGB71.join(',')) + ")",
900: "rgb(" + ((_toRGB72 = toRGB('#6B004A')) == null ? void 0 : _toRGB72.join(',')) + ")"
},
orange: {
50: "rgb(" + ((_toRGB73 = toRGB('#FFF5EB')) == null ? void 0 : _toRGB73.join(',')) + ")",
100: "rgb(" + ((_toRGB74 = toRGB('#FFE7D1')) == null ? void 0 : _toRGB74.join(',')) + ")",
200: "rgb(" + ((_toRGB75 = toRGB('#FFD3A8')) == null ? void 0 : _toRGB75.join(',')) + ")",
300: "rgb(" + ((_toRGB76 = toRGB('#FFC68F')) == null ? void 0 : _toRGB76.join(',')) + ")",
400: "rgb(" + ((_toRGB77 = toRGB('#FFA34D')) == null ? void 0 : _toRGB77.join(',')) + ")",
500: "rgb(" + ((_toRGB78 = toRGB('#FF840F')) == null ? void 0 : _toRGB78.join(',')) + ")",
600: "rgb(" + ((_toRGB79 = toRGB('#DB6900')) == null ? void 0 : _toRGB79.join(',')) + ")",
700: "rgb(" + ((_toRGB80 = toRGB('#B94E18')) == null ? void 0 : _toRGB80.join(',')) + ")",
800: "rgb(" + ((_toRGB81 = toRGB('#8C3B12')) == null ? void 0 : _toRGB81.join(',')) + ")",
900: "rgb(" + ((_toRGB82 = toRGB('#5C2100')) == null ? void 0 : _toRGB82.join(',')) + ")"
},
red: {
50: "rgb(" + ((_toRGB83 = toRGB('#FFEBEB')) == null ? void 0 : _toRGB83.join(',')) + ")",
100: "rgb(" + ((_toRGB84 = toRGB('#FEE2E2')) == null ? void 0 : _toRGB84.join(',')) + ")",
200: "rgb(" + ((_toRGB85 = toRGB('#FCD4D4')) == null ? void 0 : _toRGB85.join(',')) + ")",
300: "rgb(" + ((_toRGB86 = toRGB('#FBC1C1')) == null ? void 0 : _toRGB86.join(',')) + ")",
400: "rgb(" + ((_toRGB87 = toRGB('#F78282')) == null ? void 0 : _toRGB87.join(',')) + ")",
500: "rgb(" + ((_toRGB88 = toRGB('#F44E4E')) == null ? void 0 : _toRGB88.join(',')) + ")",
600: "rgb(" + ((_toRGB89 = toRGB('#D62E2E')) == null ? void 0 : _toRGB89.join(',')) + ")",
700: "rgb(" + ((_toRGB90 = toRGB('#B92424')) == null ? void 0 : _toRGB90.join(',')) + ")",
800: "rgb(" + ((_toRGB91 = toRGB('#971A1A')) == null ? void 0 : _toRGB91.join(',')) + ")",
900: "rgb(" + ((_toRGB92 = toRGB('#6D0303')) == null ? void 0 : _toRGB92.join(',')) + ")"
},
ring: "rgb(" + ((_toRGB93 = toRGB('#0C8CED')) == null ? void 0 : _toRGB93.join(',')) + ")",
shadow: "" + ((_toRGB94 = toRGB('#0D0D0E')) == null ? void 0 : _toRGB94.join(','))
};
var lightmode = {
body: primitives.gray[900],
black: primitives.gray[900],
white: primitives.gray.lightest,
ring: primitives.ring,
primary: _extends({
DEFAULT: primitives.gray[900],
active: primitives.gray[900],
surface: {
DEFAULT: primitives.overlay.darken[9],
hover: primitives.overlay.darken[10],
disabled: primitives.overlay.darken[3]
}
}, primitives.gray),
secondary: _extends({
DEFAULT: primitives.gray[700],
active: primitives.gray[700],
outline: {
DEFAULT: primitives.overlay.darken[5],
hover: primitives.overlay.darken[7]
},
surface: {
DEFAULT: 'transparent',
hover: primitives.overlay.lighten[3],
disabled: primitives.overlay.darken[2]
}
}, primitives.gray),
tertiary: {
surface: {
DEFAULT: primitives.overlay.darken[2],
hover: primitives.overlay.darken[3],
disabled: primitives.overlay.darken[2]
}
},
dark: {
DEFAULT: primitives.gray[900],
primary: primitives.gray[900],
secondary: primitives.gray[700],
disabled: primitives.overlay.darken[6],
placeholder: primitives.overlay.darken[7],
ghost: primitives.overlay.darken[4]
},
light: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.overlay.lighten[9],
disabled: primitives.overlay.lighten[6],
placeholder: primitives.overlay.lighten[6],
ghost: primitives.overlay.lighten[4]
},
divider: primitives.overlay.darken[5],
background: {
DEFAULT: primitives.gray.lightest,
content: primitives.gray.lightest,
100: primitives.gray[50],
200: primitives.gray[100],
'color-mixin': {
1: primitives.overlay.darken[1],
2: primitives.overlay.darken[3]
}
},
vattjom: {
background: {
100: primitives.blue[50],
200: primitives.blue[100],
300: primitives.blue[300]
},
surface: {
primary: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[900]
},
accent: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[100]
}
},
text: {
DEFAULT: primitives.blue[800],
primary: primitives.blue[800],
secondary: primitives.blue[100]
}
},
gronsta: {
background: {
100: primitives.green[50],
200: primitives.green[200],
300: primitives.green[300]
},
surface: {
primary: {
DEFAULT: primitives.green[700],
hover: primitives.green[800]
},
accent: {
DEFAULT: primitives.green[200],
hover: primitives.green[100]
}
},
text: {
DEFAULT: primitives.green[800],
primary: primitives.green[800],
secondary: primitives.green[100]
}
},
juniskar: {
background: {
100: primitives.pink[50],
200: primitives.pink[100],
300: primitives.pink[300]
},
surface: {
primary: {
DEFAULT: primitives.pink[700],
hover: primitives.pink[800]
},
accent: {
DEFAULT: primitives.pink[200],
hover: primitives.pink[100]
}
},
text: {
DEFAULT: primitives.pink[800],
primary: primitives.pink[800],
secondary: primitives.pink[100]
}
},
bjornstigen: {
background: {
100: primitives.purple[50],
200: primitives.purple[100],
300: primitives.purple[300]
},
surface: {
primary: {
DEFAULT: primitives.purple[700],
hover: primitives.purple[800]
},
accent: {
DEFAULT: primitives.purple[200],
hover: primitives.purple[100]
}
},
text: {
DEFAULT: primitives.purple[800],
primary: primitives.purple[800],
secondary: primitives.purple[100]
}
},
error: {
DEFAULT: primitives.red[800],
background: {
100: primitives.red[50],
200: primitives.red[100],
300: primitives.red[300]
},
surface: {
primary: {
DEFAULT: primitives.red[600],
hover: primitives.red[700]
},
accent: {
DEFAULT: primitives.red[300],
hover: primitives.red[200]
}
},
text: {
DEFAULT: primitives.red[800],
primary: primitives.red[800],
secondary: primitives.gray.lightest
}
},
warning: {
DEFAULT: primitives.orange[800],
background: {
100: primitives.orange[50],
200: primitives.orange[100],
300: primitives.orange[300]
},
surface: {
primary: {
DEFAULT: primitives.orange[600],
hover: primitives.orange[700]
},
accent: {
DEFAULT: primitives.orange[200],
hover: primitives.orange[100]
}
},
text: {
DEFAULT: primitives.orange[800],
primary: primitives.orange[800],
secondary: primitives.gray.lightest
}
},
info: {
DEFAULT: primitives.blue[800],
background: {
100: primitives.blue[50],
200: primitives.blue[100],
300: primitives.blue[300]
},
surface: {
primary: {
DEFAULT: primitives.blue[600],
hover: primitives.blue[700]
},
accent: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[100]
}
},
text: {
DEFAULT: primitives.blue[800],
primary: primitives.blue[800],
secondary: primitives.blue[100]
}
},
success: {
DEFAULT: primitives.green[800],
background: {
100: primitives.green[50],
200: primitives.green[100],
300: primitives.green[300]
},
surface: {
primary: {
DEFAULT: primitives.green[600],
hover: primitives.green[700]
},
accent: {
DEFAULT: primitives.green[200],
hover: primitives.green[100]
}
},
text: {
DEFAULT: primitives.green[800],
primary: primitives.green[800],
secondary: primitives.green[100]
}
}
};
var darkmode = {
body: primitives.gray.lightest,
black: primitives.gray[900],
white: primitives.gray.lightest,
ring: primitives.ring,
primary: _extends({
DEFAULT: primitives.gray.lightest,
surface: {
DEFAULT: primitives.overlay.lighten[10],
hover: primitives.gray.lightest,
disabled: primitives.overlay.lighten[3]
}
}, primitives.gray),
secondary: _extends({
DEFAULT: primitives.gray[200],
outline: {
DEFAULT: primitives.overlay.lighten[5],
hover: primitives.overlay.lighten[7]
},
surface: {
DEFAULT: 'transparent',
hover: primitives.overlay.darken[3],
disabled: primitives.overlay.lighten[2]
}
}, primitives.gray),
tertiary: {
surface: {
DEFAULT: primitives.overlay.lighten[4],
hover: primitives.overlay.lighten[5],
disabled: primitives.overlay.lighten[2]
}
},
dark: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.gray[200],
disabled: primitives.overlay.lighten[7],
placeholder: primitives.overlay.lighten[6],
ghost: primitives.overlay.lighten[4]
},
light: {
DEFAULT: primitives.gray[900],
primary: primitives.gray[900],
secondary: primitives.overlay.darken[9],
disabled: primitives.overlay.darken[7],
placeholder: primitives.overlay.darken[7],
ghost: primitives.overlay.darken[4]
},
divider: primitives.overlay.lighten[5],
background: {
DEFAULT: primitives.gray[800],
content: primitives.gray[800],
100: primitives.gray[700],
200: primitives.gray[900],
'color-mixin': {
1: primitives.overlay.lighten[3],
2: primitives.overlay.lighten[4]
}
},
vattjom: {
background: {
100: primitives.blue[900],
200: primitives.blue[700],
300: primitives.blue[600]
},
surface: {
primary: {
DEFAULT: primitives.blue[200],
hover: primitives.blue[300]
},
accent: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[600]
}
},
text: {
DEFAULT: primitives.blue[100],
primary: primitives.blue[100],
secondary: primitives.blue[800]
}
},
gronsta: {
background: {
100: primitives.green[900],
200: primitives.green[800],
300: primitives.green[700]
},
surface: {
primary: {
DEFAULT: primitives.green[300],
hover: primitives.green[200]
},
accent: {
DEFAULT: primitives.green[700],
hover: primitives.green[600]
}
},
text: {
DEFAULT: primitives.green[100],
primary: primitives.green[100],
secondary: primitives.green[800]
}
},
juniskar: {
background: {
100: primitives.pink[900],
200: primitives.pink[800],
300: primitives.pink[700]
},
surface: {
primary: {
DEFAULT: primitives.pink[300],
hover: primitives.pink[200]
},
accent: {
DEFAULT: primitives.pink[700],
hover: primitives.pink[600]
}
},
text: {
DEFAULT: primitives.pink[100],
primary: primitives.pink[100],
secondary: primitives.pink[800]
}
},
bjornstigen: {
background: {
100: primitives.purple[900],
200: primitives.purple[800],
300: primitives.purple[700]
},
surface: {
primary: {
DEFAULT: primitives.purple[300],
hover: primitives.purple[200]
},
accent: {
DEFAULT: primitives.purple[700],
hover: primitives.purple[600]
}
},
text: {
DEFAULT: primitives.purple[100],
primary: primitives.purple[100],
secondary: primitives.purple[800]
}
},
error: {
DEFAULT: primitives.red[100],
background: {
100: primitives.red[900],
200: primitives.red[800],
300: primitives.red[700]
},
surface: {
primary: {
DEFAULT: primitives.red[300],
hover: primitives.red[200]
},
accent: {
DEFAULT: primitives.red[700],
hover: primitives.red[600]
}
},
text: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.red[800]
}
},
warning: {
DEFAULT: primitives.orange[100],
background: {
100: primitives.orange[900],
200: primitives.orange[800],
300: primitives.orange[700]
},
surface: {
primary: {
DEFAULT: primitives.orange[400],
hover: primitives.orange[300]
},
accent: {
DEFAULT: primitives.orange[700],
hover: primitives.orange[600]
}
},
text: {
DEFAULT: primitives.gray.lightest,
primary: primitives.gray.lightest,
secondary: primitives.orange[800]
}
},
info: {
DEFAULT: primitives.blue[100],
background: {
100: primitives.blue[900],
200: primitives.blue[800],
300: primitives.blue[700]
},
surface: {
primary: {
DEFAULT: primitives.blue[400],
hover: primitives.blue[300]
},
accent: {
DEFAULT: primitives.blue[700],
hover: primitives.blue[600]
}
},
text: {
DEFAULT: primitives.blue[100],
primary: primitives.blue[100],
secondary: primitives.blue[800]
}
},
success: {
DEFAULT: primitives.green[100],
background: {
100: primitives.green[900],
200: primitives.green[800],
300: primitives.green[700]
},
surface: {
primary: {
DEFAULT: primitives.green[400],
hover: primitives.green[300]
},
accent: {
DEFAULT: primitives.green[700],
hover: primitives.green[600]
}
},
text: {
DEFAULT: primitives.green[100],
primary: primitives.green[100],
secondary: primitives.green[800]
}
}
};
// App setup
export var colors = {
lightmode: _extends({
primitives
}, lightmode, {
inverted: darkmode
}),
darkmode: _extends({
primitives
}, darkmode, {
inverted: lightmode
})
};
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var _toRGB,_toRGB1,_toRGB2,_toRGB3,_toRGB4,_toRGB5,_toRGB6,_toRGB7,_toRGB8,_toRGB9,_toRGB10,_toRGB11,_toRGB12,_toRGB13,_toRGB14,_toRGB15,_toRGB16,_toRGB17,_toRGB18,_toRGB19,_toRGB20,_toRGB21,_toRGB22,_toRGB23,_toRGB24,_toRGB25,_toRGB26,_toRGB27,_toRGB28,_toRGB29,_toRGB30,_toRGB31,_toRGB32,_toRGB33,_toRGB34,_toRGB35,_toRGB36,_toRGB37,_toRGB38,_toRGB39,_toRGB40,_toRGB41,_toRGB42,_toRGB43,_toRGB44,_toRGB45,_toRGB46,_toRGB47,_toRGB48,_toRGB49,_toRGB50,_toRGB51,_toRGB52,_toRGB53,_toRGB54,_toRGB55,_toRGB56,_toRGB57,_toRGB58,_toRGB59,_toRGB60,_toRGB61,_toRGB62,_toRGB63,_toRGB64,_toRGB65,_toRGB66,_toRGB67,_toRGB68,_toRGB69,_toRGB70,_toRGB71,_toRGB72,_toRGB73,_toRGB74,_toRGB75,_toRGB76,_toRGB77,_toRGB78,_toRGB79,_toRGB80,_toRGB81,_toRGB82,_toRGB83,_toRGB84,_toRGB85,_toRGB86,_toRGB87,_toRGB88,_toRGB89,_toRGB90,_toRGB91,_toRGB92,_toRGB93;import{toRGB}from"@sk-web-gui/utils";export var primitives={gray:{lightest:"rgb(".concat((_toRGB=toRGB("#FFFFFF"))===null||_toRGB===void 0?void 0:_toRGB.join(","),")"),50:"rgb(".concat((_toRGB1=toRGB("#FAFAFA"))===null||_toRGB1===void 0?void 0:_toRGB1.join(","),")"),100:"rgb(".concat((_toRGB2=toRGB("#F0F0F0"))===null||_toRGB2===void 0?void 0:_toRGB2.join(","),")"),200:"rgb(".concat((_toRGB3=toRGB("#E5E5E5"))===null||_toRGB3===void 0?void 0:_toRGB3.join(","),")"),300:"rgb(".concat((_toRGB4=toRGB("#B7B7BA"))===null||_toRGB4===void 0?void 0:_toRGB4.join(","),")"),400:"rgb(".concat((_toRGB5=toRGB("#A2A2A7"))===null||_toRGB5===void 0?void 0:_toRGB5.join(","),")"),500:"rgb(".concat((_toRGB6=toRGB("#68686D"))===null||_toRGB6===void 0?void 0:_toRGB6.join(","),")"),600:"rgb(".concat((_toRGB7=toRGB("#51515C"))===null||_toRGB7===void 0?void 0:_toRGB7.join(","),")"),700:"rgb(".concat((_toRGB8=toRGB("#444450"))===null||_toRGB8===void 0?void 0:_toRGB8.join(","),")"),800:"rgb(".concat((_toRGB9=toRGB("#2F2F3C"))===null||_toRGB9===void 0?void 0:_toRGB9.join(","),")"),900:"rgb(".concat((_toRGB10=toRGB("#1F1F25"))===null||_toRGB10===void 0?void 0:_toRGB10.join(","),")"),darkest:"rgb(".concat((_toRGB11=toRGB("#1C1C28"))===null||_toRGB11===void 0?void 0:_toRGB11.join(","),")")},overlay:{darken:{1:"rgba(".concat((_toRGB12=toRGB("#1C1C28"))===null||_toRGB12===void 0?void 0:_toRGB12.join(","),", 0.04)"),2:"rgba(".concat((_toRGB13=toRGB("#1C1C28"))===null||_toRGB13===void 0?void 0:_toRGB13.join(","),", 0.12)"),3:"rgba(".concat((_toRGB14=toRGB("#1C1C28"))===null||_toRGB14===void 0?void 0:_toRGB14.join(","),", 0.16)"),4:"rgba(".concat((_toRGB15=toRGB("#1C1C28"))===null||_toRGB15===void 0?void 0:_toRGB15.join(","),", 0.18)"),5:"rgba(".concat((_toRGB16=toRGB("#1C1C28"))===null||_toRGB16===void 0?void 0:_toRGB16.join(","),", 0.3)"),6:"rgba(".concat((_toRGB17=toRGB("#1C1C28"))===null||_toRGB17===void 0?void 0:_toRGB17.join(","),", 0.5)"),7:"rgba(".concat((_toRGB18=toRGB("#1C1C28"))===null||_toRGB18===void 0?void 0:_toRGB18.join(","),", 0.64)"),8:"rgba(".concat((_toRGB19=toRGB("#1E2126"))===null||_toRGB19===void 0?void 0:_toRGB19.join(","),", 0.8)"),9:"rgba(".concat((_toRGB20=toRGB("#1C1C28"))===null||_toRGB20===void 0?void 0:_toRGB20.join(","),", 0.88)"),10:"rgba(".concat((_toRGB21=toRGB("#1C1C28"))===null||_toRGB21===void 0?void 0:_toRGB21.join(","),", 0.95)")},lighten:{1:"rgba(".concat((_toRGB22=toRGB("#FFFFFF"))===null||_toRGB22===void 0?void 0:_toRGB22.join(","),", 0.05)"),2:"rgba(".concat((_toRGB23=toRGB("#FFFFFF"))===null||_toRGB23===void 0?void 0:_toRGB23.join(","),", 0.08)"),3:"rgba(".concat((_toRGB24=toRGB("#FFFFFF"))===null||_toRGB24===void 0?void 0:_toRGB24.join(","),", 0.10)"),4:"rgba(".concat((_toRGB25=toRGB("#FFFFFF"))===null||_toRGB25===void 0?void 0:_toRGB25.join(","),", 0.2)"),5:"rgba(".concat((_toRGB26=toRGB("#FFFFFF"))===null||_toRGB26===void 0?void 0:_toRGB26.join(","),", 0.3)"),6:"rgba(".concat((_toRGB27=toRGB("#FFFFFF"))===null||_toRGB27===void 0?void 0:_toRGB27.join(","),", 0.5)"),7:"rgba(".concat((_toRGB28=toRGB("#FFFFFF"))===null||_toRGB28===void 0?void 0:_toRGB28.join(","),", 0.64)"),8:"rgba(".concat((_toRGB29=toRGB("#FFFFFF"))===null||_toRGB29===void 0?void 0:_toRGB29.join(","),", 0.8)"),9:"rgba(".concat((_toRGB30=toRGB("#FFFFFF"))===null||_toRGB30===void 0?void 0:_toRGB30.join(","),", 0.88)"),10:"rgba(".concat((_toRGB31=toRGB("#FFFFFF"))===null||_toRGB31===void 0?void 0:_toRGB31.join(","),", 0.95)")}},blue:{50:"rgb(".concat((_toRGB32=toRGB("#F0F5F9"))===null||_toRGB32===void 0?void 0:_toRGB32.join(","),")"),100:"rgb(".concat((_toRGB33=toRGB("#E1ECF4"))===null||_toRGB33===void 0?void 0:_toRGB33.join(","),")"),200:"rgb(".concat((_toRGB34=toRGB("#CFE0EC"))===null||_toRGB34===void 0?void 0:_toRGB34.join(","),")"),300:"rgb(".concat((_toRGB35=toRGB("#B5CFE3"))===null||_toRGB35===void 0?void 0:_toRGB35.join(","),")"),400:"rgb(".concat((_toRGB36=toRGB("#73ACD6"))===null||_toRGB36===void 0?void 0:_toRGB36.join(","),")"),500:"rgb(".concat((_toRGB37=toRGB("#4293D1"))===null||_toRGB37===void 0?void 0:_toRGB37.join(","),")"),600:"rgb(".concat((_toRGB38=toRGB("#1472B8"))===null||_toRGB38===void 0?void 0:_toRGB38.join(","),")"),700:"rgb(".concat((_toRGB39=toRGB("#005595"))===null||_toRGB39===void 0?void 0:_toRGB39.join(","),")"),800:"rgb(".concat((_toRGB40=toRGB("#004C85"))===null||_toRGB40===void 0?void 0:_toRGB40.join(","),")"),900:"rgb(".concat((_toRGB41=toRGB("#004070"))===null||_toRGB41===void 0?void 0:_toRGB41.join(","),")")},green:{50:"rgb(".concat((_toRGB42=toRGB("#F1F9F5"))===null||_toRGB42===void 0?void 0:_toRGB42.join(","),")"),100:"rgb(".concat((_toRGB43=toRGB("#E1EFE9"))===null||_toRGB43===void 0?void 0:_toRGB43.join(","),")"),200:"rgb(".concat((_toRGB44=toRGB("#C9E4D7"))===null||_toRGB44===void 0?void 0:_toRGB44.join(","),")"),300:"rgb(".concat((_toRGB45=toRGB("#AAD4BF"))===null||_toRGB45===void 0?void 0:_toRGB45.join(","),")"),400:"rgb(".concat((_toRGB46=toRGB("#65B88F"))===null||_toRGB46===void 0?void 0:_toRGB46.join(","),")"),500:"rgb(".concat((_toRGB47=toRGB("#16A25E"))===null||_toRGB47===void 0?void 0:_toRGB47.join(","),")"),600:"rgb(".concat((_toRGB48=toRGB("#12874E"))===null||_toRGB48===void 0?void 0:_toRGB48.join(","),")"),700:"rgb(".concat((_toRGB49=toRGB("#00733B"))===null||_toRGB49===void 0?void 0:_toRGB49.join(","),")"),800:"rgb(".concat((_toRGB50=toRGB("#00592D"))===null||_toRGB50===void 0?void 0:_toRGB50.join(","),")"),900:"rgb(".concat((_toRGB51=toRGB("#004222"))===null||_toRGB51===void 0?void 0:_toRGB51.join(","),")")},purple:{50:"rgb(".concat((_toRGB52=toRGB("#F6F1F9"))===null||_toRGB52===void 0?void 0:_toRGB52.join(","),")"),100:"rgb(".concat((_toRGB53=toRGB("#EFE8F3"))===null||_toRGB53===void 0?void 0:_toRGB53.join(","),")"),200:"rgb(".concat((_toRGB54=toRGB("#E4D8E9"))===null||_toRGB54===void 0?void 0:_toRGB54.join(","),")"),300:"rgb(".concat((_toRGB55=toRGB("#D6C4DE"))===null||_toRGB55===void 0?void 0:_toRGB55.join(","),")"),400:"rgb(".concat((_toRGB56=toRGB("#BA90CE"))===null||_toRGB56===void 0?void 0:_toRGB56.join(","),")"),500:"rgb(".concat((_toRGB57=toRGB("#8C42AE"))===null||_toRGB57===void 0?void 0:_toRGB57.join(","),")"),600:"rgb(".concat((_toRGB58=toRGB("#722796"))===null||_toRGB58===void 0?void 0:_toRGB58.join(","),")"),700:"rgb(".concat((_toRGB59=toRGB("#5B1F78"))===null||_toRGB59===void 0?void 0:_toRGB59.join(","),")"),800:"rgb(".concat((_toRGB60=toRGB("#4D1A65"))===null||_toRGB60===void 0?void 0:_toRGB60.join(","),")"),900:"rgb(".concat((_toRGB61=toRGB("#2E103D"))===null||_toRGB61===void 0?void 0:_toRGB61.join(","),")")},pink:{50:"rgb(".concat((_toRGB62=toRGB("#FAEFF8"))===null||_toRGB62===void 0?void 0:_toRGB62.join(","),")"),100:"rgb(".concat((_toRGB63=toRGB("#F6E4F2"))===null||_toRGB63===void 0?void 0:_toRGB63.join(","),")"),200:"rgb(".concat((_toRGB64=toRGB("#F1D5EA"))===null||_toRGB64===void 0?void 0:_toRGB64.join(","),")"),300:"rgb(".concat((_toRGB65=toRGB("#E9BEE0"))===null||_toRGB65===void 0?void 0:_toRGB65.join(","),")"),400:"rgb(".concat((_toRGB66=toRGB("#DF83CD"))===null||_toRGB66===void 0?void 0:_toRGB66.join(","),")"),500:"rgb(".concat((_toRGB67=toRGB("#D558AE"))===null||_toRGB67===void 0?void 0:_toRGB67.join(","),")"),600:"rgb(".concat((_toRGB68=toRGB("#BF1D8C"))===null||_toRGB68===void 0?void 0:_toRGB68.join(","),")"),700:"rgb(".concat((_toRGB69=toRGB("#A90074"))===null||_toRGB69===void 0?void 0:_toRGB69.join(","),")"),800:"rgb(".concat((_toRGB70=toRGB("#8A005E"))===null||_toRGB70===void 0?void 0:_toRGB70.join(","),")"),900:"rgb(".concat((_toRGB71=toRGB("#6B004A"))===null||_toRGB71===void 0?void 0:_toRGB71.join(","),")")},orange:{50:"rgb(".concat((_toRGB72=toRGB("#FFF5EB"))===null||_toRGB72===void 0?void 0:_toRGB72.join(","),")"),100:"rgb(".concat((_toRGB73=toRGB("#FFE7D1"))===null||_toRGB73===void 0?void 0:_toRGB73.join(","),")"),200:"rgb(".concat((_toRGB74=toRGB("#FFD3A8"))===null||_toRGB74===void 0?void 0:_toRGB74.join(","),")"),300:"rgb(".concat((_toRGB75=toRGB("#FFC68F"))===null||_toRGB75===void 0?void 0:_toRGB75.join(","),")"),400:"rgb(".concat((_toRGB76=toRGB("#FFA34D"))===null||_toRGB76===void 0?void 0:_toRGB76.join(","),")"),500:"rgb(".concat((_toRGB77=toRGB("#FF840F"))===null||_toRGB77===void 0?void 0:_toRGB77.join(","),")"),600:"rgb(".concat((_toRGB78=toRGB("#DB6900"))===null||_toRGB78===void 0?void 0:_toRGB78.join(","),")"),700:"rgb(".concat((_toRGB79=toRGB("#B94E18"))===null||_toRGB79===void 0?void 0:_toRGB79.join(","),")"),800:"rgb(".concat((_toRGB80=toRGB("#8C3B12"))===null||_toRGB80===void 0?void 0:_toRGB80.join(","),")"),900:"rgb(".concat((_toRGB81=toRGB("#5C2100"))===null||_toRGB81===void 0?void 0:_toRGB81.join(","),")")},red:{50:"rgb(".concat((_toRGB82=toRGB("#FFEBEB"))===null||_toRGB82===void 0?void 0:_toRGB82.join(","),")"),100:"rgb(".concat((_toRGB83=toRGB("#FEE2E2"))===null||_toRGB83===void 0?void 0:_toRGB83.join(","),")"),200:"rgb(".concat((_toRGB84=toRGB("#FCD4D4"))===null||_toRGB84===void 0?void 0:_toRGB84.join(","),")"),300:"rgb(".concat((_toRGB85=toRGB("#FBC1C1"))===null||_toRGB85===void 0?void 0:_toRGB85.join(","),")"),400:"rgb(".concat((_toRGB86=toRGB("#F78282"))===null||_toRGB86===void 0?void 0:_toRGB86.join(","),")"),500:"rgb(".concat((_toRGB87=toRGB("#F44E4E"))===null||_toRGB87===void 0?void 0:_toRGB87.join(","),")"),600:"rgb(".concat((_toRGB88=toRGB("#D62E2E"))===null||_toRGB88===void 0?void 0:_toRGB88.join(","),")"),700:"rgb(".concat((_toRGB89=toRGB("#B92424"))===null||_toRGB89===void 0?void 0:_toRGB89.join(","),")"),800:"rgb(".concat((_toRGB90=toRGB("#971A1A"))===null||_toRGB90===void 0?void 0:_toRGB90.join(","),")"),900:"rgb(".concat((_toRGB91=toRGB("#6D0303"))===null||_toRGB91===void 0?void 0:_toRGB91.join(","),")")},ring:"rgb(".concat((_toRGB92=toRGB("#0C8CED"))===null||_toRGB92===void 0?void 0:_toRGB92.join(","),")"),shadow:"".concat((_toRGB93=toRGB("#0D0D0E"))===null||_toRGB93===void 0?void 0:_toRGB93.join(","))};var lightmode={body:primitives.gray[900],black:primitives.gray[900],white:primitives.gray.lightest,ring:primitives.ring,primary:_object_spread({DEFAULT:primitives.gray[900],active:primitives.gray[900],surface:{DEFAULT:primitives.overlay.darken[10],hover:primitives.overlay.darken[9],disabled:primitives.overlay.darken[3]}},primitives.gray),secondary:_object_spread({DEFAULT:primitives.gray[700],active:primitives.gray[700],outline:{DEFAULT:primitives.overlay.darken[5],hover:primitives.overlay.darken[7]},surface:{DEFAULT:"transparent",hover:primitives.overlay.lighten[3],disabled:primitives.overlay.darken[2]}},primitives.gray),tertiary:{surface:{DEFAULT:primitives.overlay.darken[2],hover:primitives.overlay.darken[3],disabled:primitives.overlay.darken[2]}},dark:{DEFAULT:primitives.gray[900],primary:primitives.gray[900],secondary:primitives.gray[700],disabled:primitives.overlay.darken[7],placeholder:primitives.overlay.darken[7],ghost:primitives.overlay.darken[4]},light:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.overlay.lighten[9],disabled:primitives.overlay.lighten[6],placeholder:primitives.overlay.lighten[6],ghost:primitives.overlay.lighten[4]},divider:primitives.overlay.darken[5],background:{DEFAULT:primitives.gray.lightest,content:primitives.gray.lightest,100:primitives.gray[50],200:primitives.gray[100],"color-mixin":{1:primitives.overlay.darken[1],2:primitives.overlay.darken[3]}},vattjom:{background:{100:primitives.blue[50],200:primitives.blue[100],300:primitives.blue[300]},surface:{primary:{DEFAULT:primitives.blue[700],hover:primitives.blue[900]},accent:{DEFAULT:primitives.blue[200],hover:primitives.blue[100]}},text:{DEFAULT:primitives.blue[800],primary:primitives.blue[800],secondary:primitives.blue[100]}},gronsta:{background:{100:primitives.green[50],200:primitives.green[200],300:primitives.green[300]},surface:{primary:{DEFAULT:primitives.green[700],hover:primitives.green[800]},accent:{DEFAULT:primitives.green[200],hover:primitives.green[100]}},text:{DEFAULT:primitives.green[800],primary:primitives.green[800],secondary:primitives.green[100]}},juniskar:{background:{100:primitives.pink[50],200:primitives.pink[100],300:primitives.pink[300]},surface:{primary:{DEFAULT:primitives.pink[700],hover:primitives.pink[800]},accent:{DEFAULT:primitives.pink[200],hover:primitives.pink[100]}},text:{DEFAULT:primitives.pink[800],primary:primitives.pink[800],secondary:primitives.pink[100]}},bjornstigen:{background:{100:primitives.purple[50],200:primitives.purple[100],300:primitives.purple[300]},surface:{primary:{DEFAULT:primitives.purple[700],hover:primitives.purple[800]},accent:{DEFAULT:primitives.purple[200],hover:primitives.purple[100]}},text:{DEFAULT:primitives.purple[800],primary:primitives.purple[800],secondary:primitives.purple[100]}},error:{DEFAULT:primitives.red[800],background:{100:primitives.red[50],200:primitives.red[100],300:primitives.red[300]},surface:{primary:{DEFAULT:primitives.red[600],hover:primitives.red[700]},accent:{DEFAULT:primitives.red[300],hover:primitives.red[200]}},text:{DEFAULT:primitives.red[800],primary:primitives.red[800],secondary:primitives.gray.lightest}},warning:{DEFAULT:primitives.orange[800],background:{100:primitives.orange[50],200:primitives.orange[100],300:primitives.orange[300]},surface:{primary:{DEFAULT:primitives.orange[600],hover:primitives.orange[700]},accent:{DEFAULT:primitives.orange[200],hover:primitives.orange[100]}},text:{DEFAULT:primitives.orange[800],primary:primitives.orange[800],secondary:primitives.gray.lightest}},info:{DEFAULT:primitives.blue[800],background:{100:primitives.blue[50],200:primitives.blue[100],300:primitives.blue[300]},surface:{primary:{DEFAULT:primitives.blue[600],hover:primitives.blue[700]},accent:{DEFAULT:primitives.blue[200],hover:primitives.blue[100]}},text:{DEFAULT:primitives.blue[800],primary:primitives.blue[800],secondary:primitives.blue[100]}},success:{DEFAULT:primitives.green[800],background:{100:primitives.green[50],200:primitives.green[100],300:primitives.green[300]},surface:{primary:{DEFAULT:primitives.green[600],hover:primitives.green[700]},accent:{DEFAULT:primitives.green[200],hover:primitives.green[100]}},text:{DEFAULT:primitives.green[800],primary:primitives.green[800],secondary:primitives.green[100]}}};var darkmode={body:primitives.gray.lightest,black:primitives.gray[900],white:primitives.gray.lightest,ring:primitives.ring,primary:_object_spread({DEFAULT:primitives.gray.lightest,surface:{DEFAULT:primitives.overlay.lighten[9],hover:primitives.gray.lightest,disabled:primitives.overlay.lighten[3]}},primitives.gray),secondary:_object_spread({DEFAULT:primitives.gray[200],outline:{DEFAULT:primitives.overlay.lighten[5],hover:primitives.overlay.lighten[7]},surface:{DEFAULT:"transparent",hover:primitives.overlay.darken[3],disabled:primitives.overlay.lighten[2]}},primitives.gray),tertiary:{surface:{DEFAULT:primitives.overlay.lighten[4],hover:primitives.overlay.lighten[5],disabled:primitives.overlay.lighten[2]}},dark:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.gray[200],disabled:primitives.overlay.lighten[6],placeholder:primitives.overlay.lighten[6],ghost:primitives.overlay.lighten[4]},light:{DEFAULT:primitives.gray[900],primary:primitives.gray[900],secondary:primitives.overlay.darken[9],disabled:primitives.overlay.darken[7],placeholder:primitives.overlay.darken[7],ghost:primitives.overlay.darken[4]},divider:primitives.overlay.lighten[5],background:{DEFAULT:primitives.gray[800],content:primitives.gray[800],100:primitives.gray[700],200:primitives.gray[900],"color-mixin":{1:primitives.overlay.lighten[3],2:primitives.overlay.lighten[4]}},vattjom:{background:{100:primitives.blue[900],200:primitives.blue[700],300:primitives.blue[600]},surface:{primary:{DEFAULT:primitives.blue[200],hover:primitives.blue[300]},accent:{DEFAULT:primitives.blue[700],hover:primitives.blue[600]}},text:{DEFAULT:primitives.blue[100],primary:primitives.blue[100],secondary:primitives.blue[800]}},gronsta:{background:{100:primitives.green[900],200:primitives.green[800],300:primitives.green[700]},surface:{primary:{DEFAULT:primitives.green[300],hover:primitives.green[200]},accent:{DEFAULT:primitives.green[700],hover:primitives.green[600]}},text:{DEFAULT:primitives.green[100],primary:primitives.green[100],secondary:primitives.green[800]}},juniskar:{background:{100:primitives.pink[900],200:primitives.pink[800],300:primitives.pink[700]},surface:{primary:{DEFAULT:primitives.pink[300],hover:primitives.pink[200]},accent:{DEFAULT:primitives.pink[700],hover:primitives.pink[600]}},text:{DEFAULT:primitives.pink[100],primary:primitives.pink[100],secondary:primitives.pink[800]}},bjornstigen:{background:{100:primitives.purple[900],200:primitives.purple[800],300:primitives.purple[700]},surface:{primary:{DEFAULT:primitives.purple[300],hover:primitives.purple[200]},accent:{DEFAULT:primitives.purple[700],hover:primitives.purple[600]}},text:{DEFAULT:primitives.purple[100],primary:primitives.purple[100],secondary:primitives.purple[800]}},error:{DEFAULT:primitives.red[100],background:{100:primitives.red[900],200:primitives.red[800],300:primitives.red[700]},surface:{primary:{DEFAULT:primitives.red[500],hover:primitives.red[400]},accent:{DEFAULT:primitives.red[700],hover:primitives.red[600]}},text:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.red[800]}},warning:{DEFAULT:primitives.orange[100],background:{100:primitives.orange[900],200:primitives.orange[800],300:primitives.orange[700]},surface:{primary:{DEFAULT:primitives.orange[400],hover:primitives.orange[300]},accent:{DEFAULT:primitives.orange[700],hover:primitives.orange[600]}},text:{DEFAULT:primitives.gray.lightest,primary:primitives.gray.lightest,secondary:primitives.orange[800]}},info:{DEFAULT:primitives.blue[100],background:{100:primitives.blue[900],200:primitives.blue[800],300:primitives.blue[700]},surface:{primary:{DEFAULT:primitives.blue[400],hover:primitives.blue[300]},accent:{DEFAULT:primitives.blue[700],hover:primitives.blue[600]}},text:{DEFAULT:primitives.blue[100],primary:primitives.blue[100],secondary:primitives.blue[800]}},success:{DEFAULT:primitives.green[100],background:{100:primitives.green[900],200:primitives.green[800],300:primitives.green[700]},surface:{primary:{DEFAULT:primitives.green[400],hover:primitives.green[300]},accent:{DEFAULT:primitives.green[700],hover:primitives.green[600]}},text:{DEFAULT:primitives.green[100],primary:primitives.green[100],secondary:primitives.green[800]}}};var utility={lightmode:{"input-field":{outline:{DEFAULT:primitives.overlay.darken[6],hover:primitives.overlay.darken[8],disabled:primitives.overlay.darken[5]},surface:{DEFAULT:primitives.overlay.lighten[10],disabled:primitives.gray[50],focus:primitives.gray.lightest}},"switch":{surface:{DEFAULT:primitives.overlay.darken[3],on:primitives.overlay.darken[4],disabled:primitives.overlay.darken[2],hover:primitives.overlay.darken[5]},control:{DEFAULT:primitives.overlay.darken[7],disabled:primitives.overlay.darken[6],on:lightmode.primary.surface.hover}},"menu-item":{surface:{open:lightmode.vattjom.surface.accent.DEFAULT,hover:primitives.overlay.darken[3],active:lightmode.primary.surface.DEFAULT},node:{line:primitives.gray[300]}}},darkmode:{"input-field":{outline:{DEFAULT:primitives.overlay.lighten[6],hover:primitives.overlay.lighten[4],disabled:primitives.overlay.lighten[5]},surface:{DEFAULT:primitives.overlay.darken[6],disabled:primitives.overlay.lighten[1],focus:primitives.gray.darkest}},"switch":{surface:{DEFAULT:primitives.overlay.lighten[3],on:primitives.overlay.lighten[5],disabled:primitives.overlay.lighten[2],hover:primitives.overlay.lighten[4]},control:{DEFAULT:primitives.overlay.lighten[7],disabled:primitives.overlay.lighten[6],on:darkmode.primary.surface.hover}},"menu-item":{surface:{open:darkmode.vattjom.surface.accent.DEFAULT,hover:primitives.overlay.lighten[5],active:darkmode.primary.surface.DEFAULT},node:{line:primitives.gray[600]}}}};export var colors={lightmode:_object_spread_props(_object_spread({primitives:primitives},lightmode,utility.lightmode),{inverted:_object_spread({},darkmode,utility.darkmode)}),darkmode:_object_spread_props(_object_spread({primitives:primitives},darkmode,utility.darkmode),{inverted:_object_spread({},lightmode,utility.lightmode)})};
//# sourceMappingURL=colors.js.map

8

dist/esm/create-memo-class.js

@@ -1,8 +0,2 @@

import { useMemo } from 'react';
export function createMemoClass(func) {
return function useMemoClass(args) {
var dependencies = typeof args === 'object' && args !== null ? Object.keys(args).filter(key => key !== 'theme').map(key => args[key]) : [];
return useMemo(() => func(args), dependencies);
};
}
function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}import{useMemo}from"react";export function createMemoClass(func){return function useMemoClass(args){var dependencies=(typeof args==="undefined"?"undefined":_type_of(args))==="object"&&args!==null?Object.keys(args).filter(function(key){return key!=="theme"}).map(function(key){return args[key]}):[];return useMemo(function(){return func(args)},dependencies)}}
//# sourceMappingURL=create-memo-class.js.map

82

dist/esm/create-theme-vars/calc.js

@@ -1,82 +0,2 @@

/**
* Thank you @markdalgleish for this piece of art!
*/
import { isObject } from '@sk-web-gui/utils';
function resolveReference(operand) {
if (isObject(operand) && operand.reference) {
return operand.reference;
}
return String(operand);
}
var toExpression = function toExpression(operator) {
for (var _len = arguments.length, operands = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
operands[_key - 1] = arguments[_key];
}
return operands.map(resolveReference).join(" " + operator + " ").replace(/calc/g, '');
};
var _add = function add() {
for (var _len2 = arguments.length, operands = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
operands[_key2] = arguments[_key2];
}
return "calc(" + toExpression('+', ...operands) + ")";
};
var _subtract = function subtract() {
for (var _len3 = arguments.length, operands = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
operands[_key3] = arguments[_key3];
}
return "calc(" + toExpression('-', ...operands) + ")";
};
var _multiply = function multiply() {
for (var _len4 = arguments.length, operands = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
operands[_key4] = arguments[_key4];
}
return "calc(" + toExpression('*', ...operands) + ")";
};
var _divide = function divide() {
for (var _len5 = arguments.length, operands = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
operands[_key5] = arguments[_key5];
}
return "calc(" + toExpression('/', ...operands) + ")";
};
var _negate = x => {
var value = resolveReference(x);
if (value != null && !Number.isNaN(parseFloat(value))) {
return String(value).startsWith('-') ? String(value).slice(1) : "-" + value;
}
return _multiply(value, -1);
};
export var calc = Object.assign(x => ({
add: function add() {
for (var _len6 = arguments.length, operands = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
operands[_key6] = arguments[_key6];
}
return calc(_add(x, ...operands));
},
subtract: function subtract() {
for (var _len7 = arguments.length, operands = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
operands[_key7] = arguments[_key7];
}
return calc(_subtract(x, ...operands));
},
multiply: function multiply() {
for (var _len8 = arguments.length, operands = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
operands[_key8] = arguments[_key8];
}
return calc(_multiply(x, ...operands));
},
divide: function divide() {
for (var _len9 = arguments.length, operands = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
operands[_key9] = arguments[_key9];
}
return calc(_divide(x, ...operands));
},
negate: () => calc(_negate(x)),
toString: () => x.toString()
}), {
add: _add,
subtract: _subtract,
multiply: _multiply,
divide: _divide,
negate: _negate
});
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{isObject}from"@sk-web-gui/utils";function resolveReference(operand){if(isObject(operand)&&operand.reference){return operand.reference}return String(operand)}var toExpression=function(operator){for(var _len=arguments.length,operands=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){operands[_key-1]=arguments[_key]}return operands.map(resolveReference).join(" ".concat(operator," ")).replace(/calc/g,"")};var add=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["+"].concat(_to_consumable_array(operands))),")")};var subtract=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["-"].concat(_to_consumable_array(operands))),")")};var multiply=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["*"].concat(_to_consumable_array(operands))),")")};var divide=function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return"calc(".concat(toExpression.apply(void 0,["/"].concat(_to_consumable_array(operands))),")")};var negate=function(x){var value=resolveReference(x);if(value!=null&&!Number.isNaN(parseFloat(value))){return String(value).startsWith("-")?String(value).slice(1):"-".concat(value)}return multiply(value,-1)};export var calc=Object.assign(function(x){return{add:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(add.apply(void 0,[x].concat(_to_consumable_array(operands))))},subtract:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(subtract.apply(void 0,[x].concat(_to_consumable_array(operands))))},multiply:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(multiply.apply(void 0,[x].concat(_to_consumable_array(operands))))},divide:function(){for(var _len=arguments.length,operands=new Array(_len),_key=0;_key<_len;_key++){operands[_key]=arguments[_key]}return calc(divide.apply(void 0,[x].concat(_to_consumable_array(operands))))},negate:function(){return calc(negate(x))},toString:function(){return x.toString()}}},{add:add,subtract:subtract,multiply:multiply,divide:divide,negate:negate});
//# sourceMappingURL=calc.js.map

47

dist/esm/create-theme-vars/create-theme-vars.js

@@ -1,47 +0,2 @@

import { walkObject } from '@sk-web-gui/utils';
import { cssVar } from './css-var';
export function createThemeVars(target, options) {
var context = {
cssMap: {},
cssVars: {}
};
walkObject(target, (value, path) => {
var _tokenHandlerMap;
// firstKey will be e.g. "space"
var [firstKey] = path;
var handler = (_tokenHandlerMap = tokenHandlerMap[firstKey]) != null ? _tokenHandlerMap : tokenHandlerMap.defaultHandler;
var {
cssVars,
cssMap
} = handler(path, value, options);
Object.assign(context.cssVars, cssVars);
Object.assign(context.cssMap, cssMap);
});
return context;
}
/**
* Define transformation handlers for ThemeScale
*/
var tokenHandlerMap = {
defaultHandler: (keys, value, options) => {
var lookupKey = keys.join('.');
var varKey = keys.join('-');
var {
variable,
reference
} = cssVar(varKey, undefined, options.cssVarPrefix);
return {
cssVars: {
[variable]: value
},
cssMap: {
[lookupKey]: {
value,
var: variable,
varRef: reference
}
}
};
}
};
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{walkObject}from"@sk-web-gui/utils";import{cssVar}from"./css-var";export function createThemeVars(target,options){var context={cssMap:{},cssVars:{}};walkObject(target,function(value,path){var _path=_sliced_to_array(path,1),firstKey=_path[0];var _tokenHandlerMap_firstKey;var handler=(_tokenHandlerMap_firstKey=tokenHandlerMap[firstKey])!==null&&_tokenHandlerMap_firstKey!==void 0?_tokenHandlerMap_firstKey:tokenHandlerMap.defaultHandler;var _handler=handler(path,value,options),cssVars=_handler.cssVars,cssMap=_handler.cssMap;Object.assign(context.cssVars,cssVars);Object.assign(context.cssMap,cssMap)});return context}var tokenHandlerMap={defaultHandler:function(keys,value,options){var lookupKey=keys.join(".");var varKey=keys.join("-");var _cssVar=cssVar(varKey,undefined,options.cssVarPrefix),variable=_cssVar.variable,reference=_cssVar.reference;return{cssVars:_define_property({},variable,value),cssMap:_define_property({},lookupKey,{value:value,"var":variable,varRef:reference})}}};
//# sourceMappingURL=create-theme-vars.js.map

35

dist/esm/create-theme-vars/css-var.js

@@ -1,35 +0,2 @@

function replaceWhiteSpace(value, replaceValue) {
if (replaceValue === void 0) {
replaceValue = '-';
}
return value.replace(/\s+/g, replaceValue);
}
function escape(value) {
var valueStr = replaceWhiteSpace(value.toString());
if (valueStr.includes('\\.')) return value;
var isDecimal = !Number.isInteger(parseFloat(value.toString()));
return isDecimal ? valueStr.replace('.', "\\.") : value;
}
export function addPrefix(value, prefix) {
if (prefix === void 0) {
prefix = '';
}
return [prefix, escape(value)].filter(Boolean).join('-');
}
export function toVarReference(name, fallback) {
return "var(" + escape(name) + (fallback ? ", " + fallback : '') + ")";
}
export function toVarDefinition(value, prefix) {
if (prefix === void 0) {
prefix = '';
}
return "--" + addPrefix(value, prefix);
}
export function cssVar(name, fallback, cssVarPrefix) {
var cssVariable = toVarDefinition(name, cssVarPrefix);
return {
variable: cssVariable,
reference: toVarReference(cssVariable, fallback)
};
}
function replaceWhiteSpace(value){var replaceValue=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"-";return value.replace(/\s+/g,replaceValue)}function escape(value){var valueStr=replaceWhiteSpace(value.toString());if(valueStr.includes("\\."))return value;var isDecimal=!Number.isInteger(parseFloat(value.toString()));return isDecimal?valueStr.replace(".","\\."):value}export function addPrefix(value){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return[prefix,escape(value)].filter(Boolean).join("-")}export function toVarReference(name,fallback){return"var(".concat(escape(name)).concat(fallback?", ".concat(fallback):"",")")}export function toVarDefinition(value){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return"--".concat(addPrefix(value,prefix))}export function cssVar(name,fallback,cssVarPrefix){var cssVariable=toVarDefinition(name,cssVarPrefix);return{variable:cssVariable,reference:toVarReference(cssVariable,fallback)}}
//# sourceMappingURL=css-var.js.map

5

dist/esm/create-theme-vars/index.js

@@ -1,5 +0,2 @@

export * from './calc';
export * from './css-var';
export * from './to-css-var';
export {};
export*from"./calc";export*from"./css-var";export*from"./to-css-var";
//# sourceMappingURL=index.js.map

10

dist/esm/create-theme-vars/theme-tokens.js

@@ -1,10 +0,2 @@

import { omit, pick } from '@sk-web-gui/utils';
var tokens = ['colors', 'cursor', 'rounded', 'fontSize', 'fontFamily', 'lineHeight', 'spacing', 'screens', 'radius'];
export function extractTokens(theme) {
var _tokens = tokens;
return pick(theme, _tokens);
}
export function omitVars(rawTheme) {
return omit(rawTheme, ['__cssMap', '__cssVars', '__breakpoints']);
}
import{omit,pick}from"@sk-web-gui/utils";var tokens=["colors","cursor","rounded","fontSize","fontFamily","lineHeight","spacing","screens","radius"];export function extractTokens(theme){var _tokens=tokens;return pick(theme,_tokens)}export function omitVars(rawTheme){return omit(rawTheme,["__cssMap","__cssVars","__breakpoints"])}
//# sourceMappingURL=theme-tokens.js.map

37

dist/esm/create-theme-vars/to-css-var.js

@@ -1,37 +0,2 @@

import { createThemeVars } from './create-theme-vars';
import { extractTokens, omitVars } from './theme-tokens';
export function toCSSVar(rawTheme) {
var _theme$config;
/**
* In the case the theme has already been converted to css-var (e.g extending the theme),
* we can omit the computed css vars and recompute it for the extended theme.
*/
var theme = omitVars(rawTheme);
// omit components and breakpoints from css variable map
var tokens = extractTokens(theme);
var cssVarPrefix = ((_theme$config = theme.config) == null ? void 0 : _theme$config.cssVarPrefix) || 'sk';
var {
/**
* This is more like a dictionary of tokens users will type `green.500`,
* and their equivalent css variable.
*/
cssMap,
/**
* The extracted css variables will be stored here, and used in
* the emotion's <Global/> component to attach variables to `:root`
*/
cssVars
} = createThemeVars(tokens, {
cssVarPrefix
});
Object.assign(theme, {
__cssVars: cssVars,
__cssMap: cssMap
});
// console.log('theme: ', theme);
return theme;
}
import{createThemeVars}from"./create-theme-vars";import{extractTokens,omitVars}from"./theme-tokens";export function toCSSVar(rawTheme){var _theme_config;var theme=omitVars(rawTheme);var tokens=extractTokens(theme);var cssVarPrefix=((_theme_config=theme.config)===null||_theme_config===void 0?void 0:_theme_config.cssVarPrefix)||"sk";var _createThemeVars=createThemeVars(tokens,{cssVarPrefix:cssVarPrefix}),cssMap=_createThemeVars.cssMap,cssVars=_createThemeVars.cssVars;Object.assign(theme,{__cssVars:cssVars,__cssMap:cssMap});return theme}
//# sourceMappingURL=to-css-var.js.map

53

dist/esm/default-theme.js

@@ -1,53 +0,2 @@

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import { colors } from './colors';
import { fontSizes, lineHeights, spacing, screens, radius } from './units';
import { fonts } from './fonts';
// light theme
export var lightScheme = {
id: 'light',
type: 'light',
colors: _extends({}, colors.lightmode, {
bg: {
base: colors.lightmode.background.content,
fill: colors.lightmode.background[200]
},
text: {
foreground: colors.lightmode.dark.primary,
muted: colors.lightmode.dark.secondary
}
})
};
// dark theme
export var darkScheme = {
id: 'dark',
type: 'dark',
colors: _extends({}, colors.darkmode, {
bg: {
base: colors.darkmode.background.content,
fill: colors.darkmode.background[200]
},
text: {
foreground: colors.darkmode.dark.primary,
muted: colors.darkmode.dark.secondary
}
})
};
export var defaultTheme = {
cursor: 'pointer',
rounded: '0.375rem',
// md
colorSchemes: {
light: lightScheme,
dark: darkScheme
},
config: {},
fontSize: _extends({}, fontSizes),
fontFamily: _extends({}, fonts),
lineHeight: _extends({}, lineHeights),
spacing,
screens,
radius
};
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{colors}from"./colors";import{fonts}from"./fonts";import{fontSizes,lineHeights,radius,screens,spacing}from"./units";export var lightScheme={id:"light",type:"light",colors:_object_spread_props(_object_spread({},colors.lightmode),{bg:{base:colors.lightmode.background.content,fill:colors.lightmode.background[200]},text:{foreground:colors.lightmode.dark.primary,muted:colors.lightmode.dark.secondary}})};export var darkScheme={id:"dark",type:"dark",colors:_object_spread_props(_object_spread({},colors.darkmode),{bg:{base:colors.darkmode.background.content,fill:colors.darkmode.background[200]},text:{foreground:colors.darkmode.dark.primary,muted:colors.darkmode.dark.secondary}})};export var defaultTheme={cursor:"pointer",rounded:"0.375rem",colorSchemes:{light:lightScheme,dark:darkScheme},config:{},fontSize:_object_spread({},fontSizes),fontFamily:_object_spread({},fonts),lineHeight:_object_spread({},lineHeights),spacing:spacing,screens:screens,radius:radius};
//# sourceMappingURL=default-theme.js.map

9

dist/esm/fonts.js

@@ -1,9 +0,2 @@

export var fonts = {
DEFAULT: 'Arial, Helvetica, sans-serif',
header: 'Raleway, Arial, Helvetica, sans-serif',
display: 'Raleway, Arial, Helvetica, sans-serif',
sans: 'Arial, Helvetica, sans-serif',
serif: 'serif',
mono: 'monospace'
};
export var fonts={DEFAULT:"Arial, Helvetica, sans-serif",header:"Raleway, Arial, Helvetica, sans-serif",display:"Raleway, Arial, Helvetica, sans-serif",sans:"Arial, Helvetica, sans-serif",serif:"serif",mono:"monospace"};
//# sourceMappingURL=fonts.js.map

149

dist/esm/gui-provider.js

@@ -1,149 +0,2 @@

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import { deepmerge, omit } from '@sk-web-gui/utils';
import React from 'react';
import { toCSSVar } from './create-theme-vars';
import { defaultTheme } from './default-theme';
import { useSafeEffect } from './use-safe-effect';
import { isBrowser } from './utils';
import { jsx as _jsx } from "react/jsx-runtime";
export var ColorSchemeMode = /*#__PURE__*/function (ColorSchemeMode) {
ColorSchemeMode["Dark"] = "dark";
ColorSchemeMode["Light"] = "light";
ColorSchemeMode["System"] = "system";
return ColorSchemeMode;
}({});
export var GuiContext = /*#__PURE__*/React.createContext(undefined);
GuiContext.displayName = 'GuiContext';
export function GuiProvider(_ref) {
var {
theme = defaultTheme,
colorScheme: _colorScheme,
baseFontSize = 10,
htmlFontSize = 10,
children
} = _ref;
var [preferredColorScheme, setPreferredColorScheme] = React.useState(ColorSchemeMode.Light);
var [pickedColorScheme, setPickedColorScheme] = React.useState(ColorSchemeMode.System);
React.useEffect(() => {
setPickedColorScheme(_colorScheme || ColorSchemeMode.System);
}, [_colorScheme]);
useSafeEffect(() => {
if (pickedColorScheme === ColorSchemeMode.System) {
var scheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? ColorSchemeMode.Dark : ColorSchemeMode.Light;
setPreferredColorScheme(scheme);
}
}, [pickedColorScheme]);
var colorScheme = pickedColorScheme === ColorSchemeMode.System ? preferredColorScheme : pickedColorScheme;
var units = React.useMemo(() => {
var fontSize = theme.fontSize;
var lineHeight = theme.lineHeight;
var spacing = theme.spacing;
var screens = theme.screens;
var radius = theme.radius;
if (baseFontSize !== htmlFontSize) {
var diff = baseFontSize / htmlFontSize;
fontSize = crawlSizes(theme.fontSize, diff);
lineHeight = crawlSizes(theme.lineHeight, diff);
spacing = crawlSizes(theme.spacing, diff);
screens = crawlSizes(theme.screens, diff);
radius = crawlSizes(theme.radius, diff);
}
return {
fontSize,
lineHeight,
spacing,
screens,
radius
};
}, [baseFontSize, htmlFontSize]);
var computedTheme = React.useMemo(() => {
var omittedTheme = omit(theme, ['colorSchemes']);
var {
colors,
type
} = theme.colorSchemes[colorScheme] || {};
if (isBrowser) {
if (type === 'dark') document.documentElement.classList.add('dark');else document.documentElement.classList.remove('dark');
}
var normalizedTheme = _extends({}, omittedTheme, units, {
colors
});
if (baseFontSize !== htmlFontSize) {
var {
fontSize,
lineHeight,
spacing,
screens,
radius
} = theme;
var diff = baseFontSize / htmlFontSize;
normalizedTheme.fontSize = crawlSizes(fontSize, diff);
normalizedTheme.lineHeight = crawlSizes(lineHeight, diff);
normalizedTheme.spacing = crawlSizes(spacing, diff);
normalizedTheme.screens = crawlSizes(screens, diff);
normalizedTheme.radius = crawlSizes(radius, diff);
}
return toCSSVar(normalizedTheme);
}, [theme, colorScheme, pickedColorScheme, units]);
useSafeEffect(() => {
if (isBrowser) updateThemeVariables(computedTheme.__cssVars);
}, [computedTheme]);
var value = React.useMemo(() => ({
theme: computedTheme,
preferredColorScheme,
colorScheme: pickedColorScheme,
setColorScheme: setPickedColorScheme,
units: {
base: baseFontSize,
htmlBase: htmlFontSize
}
}), [computedTheme, preferredColorScheme]);
return /*#__PURE__*/_jsx(GuiContext.Provider, {
value: value,
children: children
});
}
function crawlSizes(options, diff) {
return Object.keys(options).reduce((newOptions, optionKey) => {
var value = options[optionKey];
var newValue = value;
if (value) {
if (typeof value === 'string' && value.includes('rem')) {
newValue = parseFloat(value.replace('rem', '')) * diff + "rem";
}
if (typeof value !== 'string') {
newValue = crawlSizes(value, diff);
}
}
return _extends({}, newOptions, {
[optionKey]: newValue
});
}, {});
}
function setStyleVariable(name, value) {
var rootStyle = document.documentElement.style;
rootStyle.setProperty(name, value);
}
function updateStyleHelper(_themeKey, style) {
var themeKey = _themeKey.startsWith('--') ? _themeKey : "--" + _themeKey;
setStyleVariable(themeKey, style);
}
function updateThemeVariables(vars) {
Object.entries(vars).forEach(_ref2 => {
var [key, val] = _ref2;
updateStyleHelper(key, val);
});
}
export function useGui() {
var theme = React.useContext(GuiContext);
if (!theme) {
throw Error('useGui: `theme` is undefined. Seems you forgot to wrap your app in `<GuiProvider />`');
}
return theme;
}
export function extendTheme(themeOverride) {
return deepmerge(defaultTheme, themeOverride, {
clone: true
});
}
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{jsx as _jsx}from"react/jsx-runtime";import{omit}from"@sk-web-gui/utils";import React from"react";import{toCSSVar}from"./create-theme-vars";import{defaultTheme}from"./default-theme";import{ColorSchemeMode}from"./types";import{useSafeEffect}from"./use-safe-effect";import{GuiContext,isBrowser}from"./utils";export function GuiProvider(param){var _param_theme=param.theme,theme=_param_theme===void 0?defaultTheme:_param_theme,_colorScheme=param.colorScheme,_param_baseFontSize=param.baseFontSize,baseFontSize=_param_baseFontSize===void 0?10:_param_baseFontSize,_param_htmlFontSize=param.htmlFontSize,htmlFontSize=_param_htmlFontSize===void 0?10:_param_htmlFontSize,children=param.children;var _React_useState=_sliced_to_array(React.useState(ColorSchemeMode.Light),2),preferredColorScheme=_React_useState[0],setPreferredColorScheme=_React_useState[1];var _React_useState1=_sliced_to_array(React.useState(ColorSchemeMode.System),2),pickedColorScheme=_React_useState1[0],setPickedColorScheme=_React_useState1[1];React.useEffect(function(){setPickedColorScheme(_colorScheme||ColorSchemeMode.System)},[_colorScheme]);useSafeEffect(function(){if(pickedColorScheme===ColorSchemeMode.System){var scheme=window.matchMedia("(prefers-color-scheme: dark)").matches?ColorSchemeMode.Dark:ColorSchemeMode.Light;setPreferredColorScheme(scheme)}},[pickedColorScheme]);var colorScheme=pickedColorScheme===ColorSchemeMode.System?preferredColorScheme:pickedColorScheme;var units=React.useMemo(function(){var fontSize=theme.fontSize;var lineHeight=theme.lineHeight;var spacing=theme.spacing;var screens=theme.screens;var radius=theme.radius;if(baseFontSize!==htmlFontSize){var diff=baseFontSize/htmlFontSize;fontSize=crawlSizes(theme.fontSize,diff);lineHeight=crawlSizes(theme.lineHeight,diff);spacing=crawlSizes(theme.spacing,diff);screens=crawlSizes(theme.screens,diff);radius=crawlSizes(theme.radius,diff)}return{fontSize:fontSize,lineHeight:lineHeight,spacing:spacing,screens:screens,radius:radius}},[baseFontSize,htmlFontSize]);var computedTheme=React.useMemo(function(){var omittedTheme=omit(theme,["colorSchemes"]);var _ref=theme.colorSchemes[colorScheme]||{},colors=_ref.colors,type=_ref.type;if(isBrowser){if(type==="dark")document.documentElement.classList.add("dark");else document.documentElement.classList.remove("dark")}var normalizedTheme=_object_spread_props(_object_spread({},omittedTheme,units),{colors:colors});if(baseFontSize!==htmlFontSize){var fontSize=theme.fontSize,lineHeight=theme.lineHeight,spacing=theme.spacing,screens=theme.screens,radius=theme.radius;var diff=baseFontSize/htmlFontSize;normalizedTheme.fontSize=crawlSizes(fontSize,diff);normalizedTheme.lineHeight=crawlSizes(lineHeight,diff);normalizedTheme.spacing=crawlSizes(spacing,diff);normalizedTheme.screens=crawlSizes(screens,diff);normalizedTheme.radius=crawlSizes(radius,diff)}return toCSSVar(normalizedTheme)},[theme,colorScheme,pickedColorScheme,units]);useSafeEffect(function(){if(isBrowser)updateThemeVariables(computedTheme.__cssVars)},[computedTheme]);var value=React.useMemo(function(){return{theme:computedTheme,preferredColorScheme:preferredColorScheme,colorScheme:pickedColorScheme,setColorScheme:setPickedColorScheme,units:{base:baseFontSize,htmlBase:htmlFontSize}}},[computedTheme,preferredColorScheme]);return _jsx(GuiContext.Provider,{value:value,children:children})}function crawlSizes(options,diff){return Object.keys(options).reduce(function(newOptions,optionKey){var value=options[optionKey];var newValue=value;if(value){if(typeof value==="string"&&value.includes("rem")){newValue="".concat(parseFloat(value.replace("rem",""))*diff,"rem")}if(typeof value!=="string"){newValue=crawlSizes(value,diff)}}return _object_spread_props(_object_spread({},newOptions),_define_property({},optionKey,newValue))},{})}function setStyleVariable(name,value){var rootStyle=document.documentElement.style;rootStyle.setProperty(name,value)}function updateStyleHelper(_themeKey,style){var themeKey=_themeKey.startsWith("--")?_themeKey:"--".concat(_themeKey);setStyleVariable(themeKey,style)}function updateThemeVariables(vars){Object.entries(vars).forEach(function(param){var _param=_sliced_to_array(param,2),key=_param[0],val=_param[1];updateStyleHelper(key,val)})}
//# sourceMappingURL=gui-provider.js.map

10

dist/esm/index.js

@@ -1,10 +0,2 @@

export * from './gui-provider';
export * from './create-memo-class';
export * from './create-theme-vars';
export * from './default-theme';
export * from './colors';
export * from './types';
export * from './units';
export * from './fonts';
export * from './use-theme-queries';
export*from"./gui-provider";export*from"./create-memo-class";export*from"./create-theme-vars";export*from"./default-theme";export*from"./colors";export*from"./types";export*from"./units";export*from"./utils";export*from"./fonts";export*from"./use-theme-queries";export*from"./use-gui";
//# sourceMappingURL=index.js.map

2

dist/esm/types.js

@@ -1,2 +0,2 @@

export {};
export var ColorSchemeMode=/*#__PURE__*/function(ColorSchemeMode){ColorSchemeMode["Dark"]="dark";ColorSchemeMode["Light"]="light";ColorSchemeMode["System"]="system";return ColorSchemeMode}({});
//# sourceMappingURL=types.js.map

265

dist/esm/units.js

@@ -1,265 +0,2 @@

export var spacing = {
0: '0px',
'0.25': '0.025rem',
'0.5': '0.05rem',
'0.75': '0.075rem',
1: '0.1rem',
2: '0.2rem',
3: '0.3rem',
4: '0.4rem',
5: '0.5rem',
6: '0.6rem',
7: '0.7rem',
8: '0.8rem',
9: '0.9rem',
10: '1rem',
11: '1.1rem',
12: '1.2rem',
13: '1.3rem',
14: '1.4rem',
15: '1.5rem',
16: '1.6rem',
17: '1.7rem',
18: '1.8rem',
19: '1.9rem',
20: '2rem',
22: '2.2rem',
24: '2.4rem',
26: '2.6rem',
28: '2.8rem',
30: '3rem',
32: '3.2rem',
34: '3.4rem',
36: '3.6rem',
38: '3.8rem',
40: '4rem',
42: '4.2rem',
44: '4.4rem',
46: '4.6rem',
48: '4.8rem',
50: '5rem',
52: '5.2rem',
54: '5.4rem',
56: '5.6rem',
58: '5.8rem',
60: '6rem',
62: '6.2rem',
64: '6.4rem',
68: '6.8rem',
72: '7.2rem',
80: '8rem',
90: '9rem',
100: '10rem'
};
export var breakpoints = {
phone: {
DEFAULT: '320px',
min: '320px',
max: '479px'
},
'small-device': {
DEFAULT: '480px',
min: '480px',
max: '767px'
},
'medium-device': {
DEFAULT: '768px',
min: '768px',
max: '1023px'
},
'large-device': {
DEFAULT: '1024px',
min: '1024px',
max: '1365px'
},
desktop: {
DEFAULT: '1366px',
min: '1366px',
max: '1600px'
}
};
export var screens = {
xs: breakpoints.phone.DEFAULT,
sm: breakpoints['small-device'].DEFAULT,
md: breakpoints['medium-device'].DEFAULT,
lg: breakpoints['large-device'].DEFAULT,
xl: breakpoints.desktop.DEFAULT,
phone: breakpoints.phone.DEFAULT,
'phone-min': breakpoints.phone.min,
'phone-max': breakpoints.phone.max,
'small-device': breakpoints['small-device'].DEFAULT,
'small-device-min': breakpoints['small-device'].min,
'small-device-max': breakpoints['small-device'].max,
'medium-device': breakpoints['medium-device'].DEFAULT,
'medium-device-min': breakpoints['medium-device'].min,
'medium-device-max': breakpoints['medium-device'].max,
'large-device': breakpoints['large-device'].DEFAULT,
'large-device-min': breakpoints['large-device'].min,
'large-device-max': breakpoints['large-device'].max,
desktop: breakpoints.desktop.DEFAULT,
'desktop-min': breakpoints.desktop.min,
'desktop-max': breakpoints.desktop.max
};
export var fontSizes = {
display: {
1: {
DEFAULT: '8rem',
lg: '8rem',
md: '7.2rem',
sm: '5.6rem'
},
2: {
DEFAULT: '6.4rem',
lg: '6.4rem',
md: '5.6rem',
sm: '4.4rem'
},
3: {
DEFAULT: '4.8rem',
lg: '4.8rem',
md: '4rem',
sm: '3.2rem'
}
},
h: {
1: {
DEFAULT: '4rem',
lg: '4rem',
md: '3.4rem',
sm: '3.2rem'
},
2: {
DEFAULT: '3.2rem',
lg: '3.2rem',
md: '2.8rem',
sm: '2.6rem'
},
3: {
DEFAULT: '2.6rem',
lg: '2.6rem',
md: '2.2rem',
sm: '2rem'
},
4: {
DEFAULT: '2.4rem',
lg: '2.4rem',
md: '2rem',
sm: '1.8rem'
}
},
label: {
large: '1.8rem',
medium: '1.6rem',
small: '1.4rem'
},
input: {
large: '1.8rem',
medium: '1.6rem',
small: '1.4rem'
},
logo: {
header: '2.2rem'
},
lead: '2rem',
base: '1.6rem',
large: '1.8rem',
small: '1.4rem'
};
export var lineHeights = {
display: {
1: {
DEFAULT: '9.6rem',
lg: '9.6rem',
md: '8rem',
sm: '6.4rem'
},
2: {
DEFAULT: '7.2rem',
lg: '7.2rem',
md: '6.4rem',
sm: '5.6rem'
},
3: {
DEFAULT: '5.6rem',
lg: '5.6rem',
md: '4.8rem',
sm: '3.6rem'
}
},
h: {
1: {
DEFAULT: '5.6rem',
lg: '5.6rem',
md: '4.8rem',
sm: '4.4rem'
},
2: {
DEFAULT: '4rem',
lg: '4rem',
md: '3.6rem',
sm: '3.2rem'
},
3: {
DEFAULT: '3.4rem',
lg: '3.4rem',
md: '3rem',
sm: '2.8rem'
},
4: {
DEFAULT: '3.2rem',
lg: '3.2rem',
md: '2.8rem',
sm: '2.4rem'
}
},
label: {
large: '3.2rem',
medium: '2.4rem',
small: '1.6rem'
},
input: {
large: '2.4rem',
medium: '2.4rem',
small: '2rem'
},
logo: {
header: '2.8rem'
},
lead: '2.8rem',
base: '2.4rem',
large: '2.6rem',
small: '1.8rem'
};
export var radius = {
circular: {
DEFAULT: '1000000rem',
lg: '1000000rem',
md: '1000000rem',
sm: '1000000rem'
},
button: {
DEFAULT: spacing[12],
lg: spacing[12],
md: spacing[12],
sm: spacing[10]
},
cards: {
DEFAULT: spacing[20],
lg: spacing[20],
md: spacing[20],
sm: spacing[20]
},
utility: {
DEFAULT: spacing[8],
lg: spacing[8],
md: spacing[8],
sm: spacing[8]
},
groups: {
DEFAULT: spacing[16],
lg: spacing[16],
md: spacing[16],
sm: spacing[16]
}
};
export var spacing={0:"0px","0.25":"0.025rem","0.5":"0.05rem","0.75":"0.075rem",1:"0.1rem",2:"0.2rem",3:"0.3rem",4:"0.4rem",5:"0.5rem",6:"0.6rem",7:"0.7rem",8:"0.8rem",9:"0.9rem",10:"1rem",11:"1.1rem",12:"1.2rem",13:"1.3rem",14:"1.4rem",15:"1.5rem",16:"1.6rem",17:"1.7rem",18:"1.8rem",19:"1.9rem",20:"2rem",22:"2.2rem",24:"2.4rem",26:"2.6rem",28:"2.8rem",30:"3rem",32:"3.2rem",34:"3.4rem",36:"3.6rem",38:"3.8rem",40:"4rem",42:"4.2rem",44:"4.4rem",46:"4.6rem",48:"4.8rem",50:"5rem",52:"5.2rem",54:"5.4rem",56:"5.6rem",58:"5.8rem",60:"6rem",62:"6.2rem",64:"6.4rem",68:"6.8rem",72:"7.2rem",80:"8rem",90:"9rem",100:"10rem"};export var breakpoints={phone:{DEFAULT:"320px",min:"320px",max:"479px"},"small-device":{DEFAULT:"480px",min:"480px",max:"767px"},"medium-device":{DEFAULT:"768px",min:"768px",max:"1023px"},"large-device":{DEFAULT:"1024px",min:"1024px",max:"1365px"},desktop:{DEFAULT:"1366px",min:"1366px",max:"1600px"}};export var screens={xs:breakpoints.phone.DEFAULT,sm:breakpoints["small-device"].DEFAULT,md:breakpoints["medium-device"].DEFAULT,lg:breakpoints["large-device"].DEFAULT,xl:breakpoints.desktop.DEFAULT,phone:breakpoints.phone.DEFAULT,"phone-min":breakpoints.phone.min,"phone-max":breakpoints.phone.max,"small-device":breakpoints["small-device"].DEFAULT,"small-device-min":breakpoints["small-device"].min,"small-device-max":breakpoints["small-device"].max,"medium-device":breakpoints["medium-device"].DEFAULT,"medium-device-min":breakpoints["medium-device"].min,"medium-device-max":breakpoints["medium-device"].max,"large-device":breakpoints["large-device"].DEFAULT,"large-device-min":breakpoints["large-device"].min,"large-device-max":breakpoints["large-device"].max,desktop:breakpoints.desktop.DEFAULT,"desktop-min":breakpoints.desktop.min,"desktop-max":breakpoints.desktop.max};export var fontSizes={display:{1:{DEFAULT:"8rem",lg:"8rem",md:"7.2rem",sm:"5.6rem"},2:{DEFAULT:"6.4rem",lg:"6.4rem",md:"5.6rem",sm:"4.4rem"},3:{DEFAULT:"4.8rem",lg:"4.8rem",md:"4rem",sm:"3.2rem"}},h:{1:{DEFAULT:"4rem",lg:"4rem",md:"3.4rem",sm:"3.2rem"},2:{DEFAULT:"3.2rem",lg:"3.2rem",md:"2.8rem",sm:"2.6rem"},3:{DEFAULT:"2.6rem",lg:"2.6rem",md:"2.2rem",sm:"2rem"},4:{DEFAULT:"2.4rem",lg:"2.4rem",md:"2rem",sm:"1.8rem"}},label:{large:"1.8rem",medium:"1.6rem",small:"1.4rem"},input:{large:"1.8rem",medium:"1.6rem",small:"1.4rem"},logo:{header:"2.2rem"},lead:"2rem",base:"1.6rem",large:"1.8rem",small:"1.4rem"};export var lineHeights={display:{1:{DEFAULT:"9.6rem",lg:"9.6rem",md:"8rem",sm:"6.4rem"},2:{DEFAULT:"7.2rem",lg:"7.2rem",md:"6.4rem",sm:"5.6rem"},3:{DEFAULT:"5.6rem",lg:"5.6rem",md:"4.8rem",sm:"3.6rem"}},h:{1:{DEFAULT:"5.6rem",lg:"5.6rem",md:"4.8rem",sm:"4.4rem"},2:{DEFAULT:"4rem",lg:"4rem",md:"3.6rem",sm:"3.2rem"},3:{DEFAULT:"3.4rem",lg:"3.4rem",md:"3rem",sm:"2.8rem"},4:{DEFAULT:"3.2rem",lg:"3.2rem",md:"2.8rem",sm:"2.4rem"}},label:{large:"3.2rem",medium:"2.4rem",small:"1.6rem"},input:{large:"2.4rem",medium:"2.4rem",small:"2rem"},logo:{header:"2.8rem"},lead:"2.8rem",base:"2.4rem",large:"2.6rem",small:"1.8rem"};export var radius={circular:{DEFAULT:"1000000rem",lg:"1000000rem",md:"1000000rem",sm:"1000000rem"},button:{DEFAULT:spacing[12],lg:spacing[12],md:spacing[12],sm:spacing[10]},cards:{DEFAULT:spacing[20],lg:spacing[20],md:spacing[20],sm:spacing[20]},utility:{DEFAULT:spacing[8],lg:spacing[8],md:spacing[8],sm:spacing[8]},groups:{DEFAULT:spacing[16],lg:spacing[16],md:spacing[16],sm:spacing[16]}};
//# sourceMappingURL=units.js.map

4

dist/esm/use-safe-effect.js

@@ -1,4 +0,2 @@

import { useLayoutEffect, useEffect } from 'react';
import { isBrowser } from './utils';
export var useSafeEffect = isBrowser ? useLayoutEffect : useEffect;
import{useLayoutEffect,useEffect}from"react";import{isBrowser}from"./utils";export var useSafeEffect=isBrowser?useLayoutEffect:useEffect;
//# sourceMappingURL=use-safe-effect.js.map

84

dist/esm/use-theme-queries.js

@@ -1,84 +0,2 @@

import { useMediaQuery } from 'usehooks-ts';
import { defaultTheme } from './default-theme';
import { useGui } from './gui-provider';
/**
* Returns predefined media queries from theme.
*
* Will use theme from GuiProvider if none is provided as param.
* If no theme can be found in GuiProvider, defaultTheme will be used.
*
* @param {object} [theme] - GuiTheme.
* @returns ThemeQueries
*/
export var useThemeQueries = theme => {
var _myTheme$screens, _myTheme$screens2, _myTheme$screens3, _myTheme$screens4, _myTheme$screens5, _myTheme$screens6, _myTheme$screens7, _myTheme$screens8, _myTheme$screens9, _myTheme$screens10;
var {
theme: _guiTheme
} = useGui();
var myTheme = theme || _guiTheme || defaultTheme;
var isMinXs = useMediaQuery("screen and (min-width: " + (myTheme == null || (_myTheme$screens = myTheme.screens) == null ? void 0 : _myTheme$screens['phone-min']) + ")");
var isMaxXs = useMediaQuery("screen and (max-width: " + (myTheme == null || (_myTheme$screens2 = myTheme.screens) == null ? void 0 : _myTheme$screens2['phone-max']) + ")");
var isXs = isMinXs && isMaxXs;
var isPhone = isXs;
var isMinPhone = isMinXs;
var isMaxPhone = isMaxXs;
var isMinSm = useMediaQuery("screen and (min-width: " + (myTheme == null || (_myTheme$screens3 = myTheme.screens) == null ? void 0 : _myTheme$screens3['small-device-min']) + ")");
var isMaxSm = useMediaQuery("screen and (max-width: " + (myTheme == null || (_myTheme$screens4 = myTheme.screens) == null ? void 0 : _myTheme$screens4['small-device-max']) + ")");
var isSm = isMinSm && isMaxSm;
var isSmallDevice = isSm;
var isMinSmallDevice = isMinSm;
var isMaxSmallDevice = isMaxSm;
var isMinMd = useMediaQuery("screen and (min-width: " + (myTheme == null || (_myTheme$screens5 = myTheme.screens) == null ? void 0 : _myTheme$screens5['medium-device-min']) + ")");
var isMaxMd = useMediaQuery("screen and (max-width: " + (myTheme == null || (_myTheme$screens6 = myTheme.screens) == null ? void 0 : _myTheme$screens6['medium-device-max']) + ")");
var isMd = isMinMd && isMaxMd;
var isMediumDevice = isMd;
var isMinMediumDevice = isMinMd;
var isMaxMediumDevice = isMaxMd;
var isMinLg = useMediaQuery("screen and (min-width: " + (myTheme == null || (_myTheme$screens7 = myTheme.screens) == null ? void 0 : _myTheme$screens7['large-device-min']) + ")");
var isMaxLg = useMediaQuery("screen and (max-width: " + (myTheme == null || (_myTheme$screens8 = myTheme.screens) == null ? void 0 : _myTheme$screens8['large-device-max']) + ")");
var isLg = isMinLg && isMaxLg;
var isLargeDevice = isLg;
var isMinLargeDevice = isMinLg;
var isMaxLargeDevice = isMaxLg;
var isDevice = isSmallDevice || isMediumDevice || isLargeDevice;
var isMinXl = useMediaQuery("screen and (min-width: " + (myTheme == null || (_myTheme$screens9 = myTheme.screens) == null ? void 0 : _myTheme$screens9['desktop-min']) + ")");
var isMaxXl = useMediaQuery("screen and (max-width: " + (myTheme == null || (_myTheme$screens10 = myTheme.screens) == null ? void 0 : _myTheme$screens10['desktop-max']) + ")");
var isXl = isMinXl && isMaxXl;
var isDesktop = isXl;
var isMinDesktop = isMinXl;
var isMaxDesktop = isMaxXl;
return {
isMinXs,
isMaxXs,
isXs,
isMinPhone,
isMaxPhone,
isPhone,
isMinSm,
isMaxSm,
isSm,
isMinSmallDevice,
isMaxSmallDevice,
isSmallDevice,
isMinMd,
isMaxMd,
isMd,
isMinMediumDevice,
isMaxMediumDevice,
isMediumDevice,
isMinLg,
isMaxLg,
isLg,
isMinLargeDevice,
isMaxLargeDevice,
isLargeDevice,
isDevice,
isMinXl,
isMaxXl,
isXl,
isMinDesktop,
isMaxDesktop,
isDesktop
};
};
import{useMediaQuery}from"usehooks-ts";import{defaultTheme}from"./default-theme";import{useGui}from"./use-gui";export var useThemeQueries=function(theme){var _myTheme_screens,_myTheme_screens1,_myTheme_screens2,_myTheme_screens3,_myTheme_screens4,_myTheme_screens5,_myTheme_screens6,_myTheme_screens7,_myTheme_screens8,_myTheme_screens9;var _useGui=useGui(),_guiTheme=_useGui.theme;var myTheme=theme||_guiTheme||defaultTheme;var isMinXs=useMediaQuery("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens=myTheme.screens)===null||_myTheme_screens===void 0?void 0:_myTheme_screens["phone-min"],")"));var isMaxXs=useMediaQuery("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens1=myTheme.screens)===null||_myTheme_screens1===void 0?void 0:_myTheme_screens1["phone-max"],")"));var isXs=isMinXs&&isMaxXs;var isPhone=isXs;var isMinPhone=isMinXs;var isMaxPhone=isMaxXs;var isMinSm=useMediaQuery("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens2=myTheme.screens)===null||_myTheme_screens2===void 0?void 0:_myTheme_screens2["small-device-min"],")"));var isMaxSm=useMediaQuery("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens3=myTheme.screens)===null||_myTheme_screens3===void 0?void 0:_myTheme_screens3["small-device-max"],")"));var isSm=isMinSm&&isMaxSm;var isSmallDevice=isSm;var isMinSmallDevice=isMinSm;var isMaxSmallDevice=isMaxSm;var isMinMd=useMediaQuery("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens4=myTheme.screens)===null||_myTheme_screens4===void 0?void 0:_myTheme_screens4["medium-device-min"],")"));var isMaxMd=useMediaQuery("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens5=myTheme.screens)===null||_myTheme_screens5===void 0?void 0:_myTheme_screens5["medium-device-max"],")"));var isMd=isMinMd&&isMaxMd;var isMediumDevice=isMd;var isMinMediumDevice=isMinMd;var isMaxMediumDevice=isMaxMd;var isMinLg=useMediaQuery("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens6=myTheme.screens)===null||_myTheme_screens6===void 0?void 0:_myTheme_screens6["large-device-min"],")"));var isMaxLg=useMediaQuery("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens7=myTheme.screens)===null||_myTheme_screens7===void 0?void 0:_myTheme_screens7["large-device-max"],")"));var isLg=isMinLg&&isMaxLg;var isLargeDevice=isLg;var isMinLargeDevice=isMinLg;var isMaxLargeDevice=isMaxLg;var isDevice=isSmallDevice||isMediumDevice||isLargeDevice;var isMinXl=useMediaQuery("screen and (min-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens8=myTheme.screens)===null||_myTheme_screens8===void 0?void 0:_myTheme_screens8["desktop-min"],")"));var isMaxXl=useMediaQuery("screen and (max-width: ".concat(myTheme===null||myTheme===void 0?void 0:(_myTheme_screens9=myTheme.screens)===null||_myTheme_screens9===void 0?void 0:_myTheme_screens9["desktop-max"],")"));var isXl=isMinXl&&isMaxXl;var isDesktop=isXl;var isMinDesktop=isMinXl;var isMaxDesktop=isMaxXl;return{isMinXs:isMinXs,isMaxXs:isMaxXs,isXs:isXs,isMinPhone:isMinPhone,isMaxPhone:isMaxPhone,isPhone:isPhone,isMinSm:isMinSm,isMaxSm:isMaxSm,isSm:isSm,isMinSmallDevice:isMinSmallDevice,isMaxSmallDevice:isMaxSmallDevice,isSmallDevice:isSmallDevice,isMinMd:isMinMd,isMaxMd:isMaxMd,isMd:isMd,isMinMediumDevice:isMinMediumDevice,isMaxMediumDevice:isMaxMediumDevice,isMediumDevice:isMediumDevice,isMinLg:isMinLg,isMaxLg:isMaxLg,isLg:isLg,isMinLargeDevice:isMinLargeDevice,isMaxLargeDevice:isMaxLargeDevice,isLargeDevice:isLargeDevice,isDevice:isDevice,isMinXl:isMinXl,isMaxXl:isMaxXl,isXl:isXl,isMinDesktop:isMinDesktop,isMaxDesktop:isMaxDesktop,isDesktop:isDesktop}};
//# sourceMappingURL=use-theme-queries.js.map

2

dist/esm/utils.js

@@ -1,2 +0,2 @@

export var isBrowser = typeof document !== 'undefined';
import{deepmerge}from"@sk-web-gui/utils";import React from"react";import{defaultTheme}from"./default-theme";export var isBrowser=typeof document!=="undefined";export var GuiContext=React.createContext(undefined);GuiContext.displayName="GuiContext";export function extendTheme(themeOverride){return deepmerge(defaultTheme,themeOverride,{clone:true})}
//# sourceMappingURL=utils.js.map

140

dist/types/colors.d.ts

@@ -120,2 +120,37 @@ export declare const primitives: {

inverted: {
'input-field': {
outline: {
DEFAULT: string;
hover: string;
disabled: string;
};
surface: {
DEFAULT: string;
disabled: string;
focus: string;
};
};
switch: {
surface: {
DEFAULT: string;
on: string;
disabled: string;
hover: string;
};
control: {
DEFAULT: string;
disabled: string;
on: string;
};
};
'menu-item': {
surface: {
open: string;
hover: string;
active: string;
};
node: {
line: string;
};
};
body: string;

@@ -384,2 +419,37 @@ black: string;

};
'input-field': {
outline: {
DEFAULT: string;
hover: string;
disabled: string;
};
surface: {
DEFAULT: string;
disabled: string;
focus: string;
};
};
switch: {
surface: {
DEFAULT: string;
on: string;
disabled: string;
hover: string;
};
control: {
DEFAULT: string;
disabled: string;
on: string;
};
};
'menu-item': {
surface: {
open: string;
hover: string;
active: string;
};
node: {
line: string;
};
};
body: string;

@@ -768,2 +838,37 @@ black: string;

inverted: {
'input-field': {
outline: {
DEFAULT: string;
hover: string;
disabled: string;
};
surface: {
DEFAULT: string;
disabled: string;
focus: string;
};
};
switch: {
surface: {
DEFAULT: string;
on: string;
disabled: string;
hover: string;
};
control: {
DEFAULT: string;
disabled: string;
on: string;
};
};
'menu-item': {
surface: {
open: string;
hover: string;
active: string;
};
node: {
line: string;
};
};
body: string;

@@ -1034,2 +1139,37 @@ black: string;

};
'input-field': {
outline: {
DEFAULT: string;
hover: string;
disabled: string;
};
surface: {
DEFAULT: string;
disabled: string;
focus: string;
};
};
switch: {
surface: {
DEFAULT: string;
on: string;
disabled: string;
hover: string;
};
control: {
DEFAULT: string;
disabled: string;
on: string;
};
};
'menu-item': {
surface: {
open: string;
hover: string;
active: string;
};
node: {
line: string;
};
};
body: string;

@@ -1036,0 +1176,0 @@ black: string;

8

dist/types/create-memo-class.d.ts

@@ -1,1 +0,7 @@

export declare function createMemoClass(func: (props: any) => string): (args?: any) => string;
export interface CreateMemoClassProps {
variant?: string;
size?: 'sm' | 'md' | 'lg' | string;
disabled?: boolean;
[key: string]: unknown;
}
export declare function createMemoClass(func: (props: CreateMemoClassProps) => string): (args: CreateMemoClassProps) => string;

2

dist/types/default-theme.d.ts

@@ -1,4 +0,4 @@

import { GuiTheme, ColorScheme } from './types';
import { ColorScheme, GuiTheme } from './types';
export declare const lightScheme: ColorScheme;
export declare const darkScheme: ColorScheme;
export declare const defaultTheme: GuiTheme;

29

dist/types/gui-provider.d.ts

@@ -1,28 +0,3 @@

import { Dict, WithCSSVar } from '@sk-web-gui/utils';
import React from 'react';
import { GuiTheme, GuiThemeOverride } from './types';
export declare enum ColorSchemeMode {
Dark = "dark",
Light = "light",
System = "system"
}
export declare const GuiContext: React.Context<{
theme: WithCSSVar<Dict>;
/**
* The chosen colorScheme
*/
colorScheme: ColorSchemeMode;
/**
* Set the colorScheme
*/
setColorScheme: (scheme: ColorSchemeMode) => void;
/**
* Scheme that is used when set to "system"
*/
preferredColorScheme: Exclude<ColorSchemeMode, ColorSchemeMode.System>;
units: {
base: number;
htmlBase: number;
};
} | undefined>;
import { ColorSchemeMode, GuiTheme } from './types';
export interface GuiProviderProps {

@@ -47,3 +22,1 @@ children: React.ReactNode;

export declare function GuiProvider({ theme, colorScheme: _colorScheme, baseFontSize, htmlFontSize, children, }: GuiProviderProps): import("react/jsx-runtime").JSX.Element;
export declare function useGui<T extends object = Dict>(): WithCSSVar<T>;
export declare function extendTheme(themeOverride: GuiThemeOverride): GuiTheme;

3

dist/types/index.d.ts

@@ -15,4 +15,7 @@ export * from './gui-provider';

export type * from './units';
export * from './utils';
export type * from './utils';
export * from './fonts';
export type * from './fonts';
export * from './use-theme-queries';
export * from './use-gui';

5

dist/types/types.d.ts

@@ -56,1 +56,6 @@ import { DeepPartial } from '@sk-web-gui/utils';

export type GuiThemeOverride = DeepPartial<GuiTheme>;
export declare enum ColorSchemeMode {
Dark = "dark",
Light = "light",
System = "system"
}

23

dist/types/utils.d.ts

@@ -0,1 +1,24 @@

import { Dict, WithCSSVar } from '@sk-web-gui/utils';
import React from 'react';
import { ColorSchemeMode, GuiTheme, GuiThemeOverride } from './types';
export declare const isBrowser: boolean;
export declare const GuiContext: React.Context<{
theme: WithCSSVar<Dict>;
/**
* The chosen colorScheme
*/
colorScheme: ColorSchemeMode;
/**
* Set the colorScheme
*/
setColorScheme: (scheme: ColorSchemeMode) => void;
/**
* Scheme that is used when set to "system"
*/
preferredColorScheme: Exclude<ColorSchemeMode, ColorSchemeMode.System>;
units: {
base: number;
htmlBase: number;
};
} | undefined>;
export declare function extendTheme(themeOverride: GuiThemeOverride): GuiTheme;

20

package.json
{
"name": "@sk-web-gui/theme",
"version": "2.3.2",
"version": "2.4.0",
"sideEffects": false,

@@ -13,2 +13,3 @@ "license": "MIT",

"require": "./dist/cjs/index.js",
"types": "./dist/types/index.d.ts",
"default": "./dist/esm/index.js"

@@ -26,19 +27,18 @@ }

"start": "nodemon --watch src --exec yarn build -e ts,tsx",
"build": "concurrently yarn:build:*",
"build": "yarn build:types && yarn build:esm && yarn build:cjs",
"test": "jest --env=jsdom --passWithNoTests",
"lint": "concurrently yarn:lint:*",
"version": "yarn build",
"build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
"build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
"build:esm": "swc src -d dist/esm --config-file ../../.swcrc.esm",
"build:cjs": "swc src -d dist/cjs --config-file ../../.swcrc",
"build:types": "tsc -p ./tsconfig.production.json --emitDeclarationOnly --declaration --declarationDir dist/types",
"test:cov": "yarn test --coverage",
"lint:src": "eslint src --ext .ts,.tsx --config ../../.eslintrc",
"lint:types": "tsc --noEmit"
"lint:src": "eslint src"
},
"devDependencies": {
"@types/lodash.set": "^4.3.9",
"react": "^18.2.0"
"react": "^18.3.1"
},
"dependencies": {
"@sk-web-gui/utils": "2.1.0",
"@sk-web-gui/utils": "2.2.0",
"lodash.set": "^4.3.2",

@@ -48,5 +48,5 @@ "usehooks-ts": "^3.1.0"

"peerDependencies": {
"react": ">=18.2.0"
"react": ">=18.3.1"
},
"gitHead": "c77fabf4bbde4adb7dc5f940593864f24cd42482"
"gitHead": "75356e0c4d09e17cba651439b35843cc3c386191"
}
dist/cjs/colors.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-memo-class.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/calc.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/create-theme-vars.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/css-var.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/index.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/theme-tokens.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/create-theme-vars/to-css-var.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/default-theme.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/fonts.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/gui-provider.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/index.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/types.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/units.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/use-safe-effect.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/use-theme-queries.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/utils.js.map

Sorry, the diff of this file is not supported yet

dist/esm/colors.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-memo-class.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/calc.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/create-theme-vars.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/css-var.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/index.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/theme-tokens.js.map

Sorry, the diff of this file is not supported yet

dist/esm/create-theme-vars/to-css-var.js.map

Sorry, the diff of this file is not supported yet

dist/esm/default-theme.js.map

Sorry, the diff of this file is not supported yet

dist/esm/fonts.js.map

Sorry, the diff of this file is not supported yet

dist/esm/gui-provider.js.map

Sorry, the diff of this file is not supported yet

dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

dist/esm/types.js.map

Sorry, the diff of this file is not supported yet

dist/esm/units.js.map

Sorry, the diff of this file is not supported yet

dist/esm/use-safe-effect.js.map

Sorry, the diff of this file is not supported yet

dist/esm/use-theme-queries.js.map

Sorry, the diff of this file is not supported yet

dist/esm/utils.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc