@fremtind/jokul 0.43.1 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +52 -23
  2. package/build/build-stats.html +1 -1
  3. package/build/cjs/core/index.cjs +1 -1
  4. package/build/cjs/core/index.d.cts +0 -1
  5. package/build/cjs/hooks/useScreen/useScreen.cjs +1 -1
  6. package/build/cjs/hooks/useScreen/useScreen.cjs.map +1 -1
  7. package/build/cjs/index.cjs +1 -1
  8. package/build/cjs/tailwind/colors.cjs.map +1 -0
  9. package/build/cjs/tailwind/index.cjs +2 -0
  10. package/build/cjs/tailwind/index.cjs.map +1 -0
  11. package/build/cjs/tailwind/index.d.cts +2 -0
  12. package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs +2 -0
  13. package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs.map +1 -0
  14. package/build/cjs/tailwind/plugins/jokulTypographyPlugin.d.cts +4 -0
  15. package/build/cjs/tailwind/tailwindPreset.cjs +2 -0
  16. package/build/cjs/tailwind/tailwindPreset.cjs.map +1 -0
  17. package/build/cjs/tailwind/tailwindPreset.d.cts +2 -0
  18. package/build/es/core/index.d.ts +0 -1
  19. package/build/es/core/index.js +1 -1
  20. package/build/es/hooks/useScreen/useScreen.js +1 -1
  21. package/build/es/hooks/useScreen/useScreen.js.map +1 -1
  22. package/build/es/index.js +1 -1
  23. package/build/es/tailwind/colors.js.map +1 -0
  24. package/build/es/tailwind/index.d.ts +2 -0
  25. package/build/es/tailwind/index.js +2 -0
  26. package/build/es/tailwind/index.js.map +1 -0
  27. package/build/es/tailwind/plugins/jokulTypographyPlugin.d.ts +4 -0
  28. package/build/es/tailwind/plugins/jokulTypographyPlugin.js +2 -0
  29. package/build/es/tailwind/plugins/jokulTypographyPlugin.js.map +1 -0
  30. package/build/es/tailwind/tailwindPreset.d.ts +2 -0
  31. package/build/es/tailwind/tailwindPreset.js +2 -0
  32. package/build/es/tailwind/tailwindPreset.js.map +1 -0
  33. package/package.json +14 -3
  34. package/styles/components/button/button.css +2 -2
  35. package/styles/components/button/button.min.css +1 -1
  36. package/styles/components/checkbox/checkbox.css +4 -4
  37. package/styles/components/checkbox/checkbox.min.css +1 -1
  38. package/styles/components/feedback/feedback.css +2 -2
  39. package/styles/components/feedback/feedback.min.css +1 -1
  40. package/styles/components/input-group/input-group.css +2 -2
  41. package/styles/components/input-group/input-group.min.css +1 -1
  42. package/styles/components/input-panel/checkbox-panel.css +2 -2
  43. package/styles/components/input-panel/checkbox-panel.min.css +1 -1
  44. package/styles/components/input-panel/radio-panel.css +2 -2
  45. package/styles/components/input-panel/radio-panel.min.css +1 -1
  46. package/styles/components/loader/loader.css +6 -6
  47. package/styles/components/loader/loader.min.css +1 -1
  48. package/styles/components/loader/skeleton-loader.css +5 -5
  49. package/styles/components/loader/skeleton-loader.min.css +1 -1
  50. package/styles/components/message/message.css +2 -2
  51. package/styles/components/message/message.min.css +1 -1
  52. package/styles/components/progress-bar/progress-bar.css +2 -2
  53. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  54. package/styles/components/radio-button/radio-button.css +2 -2
  55. package/styles/components/radio-button/radio-button.min.css +1 -1
  56. package/styles/components/system-message/system-message.css +2 -2
  57. package/styles/components/system-message/system-message.min.css +1 -1
  58. package/styles/components/toast/toast.css +4 -4
  59. package/styles/components/toast/toast.min.css +1 -1
  60. package/styles/styles.css +37 -37
  61. package/styles/styles.min.css +1 -1
  62. package/build/cjs/core/tailwind/colors.cjs.map +0 -1
  63. package/build/cjs/core/tailwind/tailwindPreset.cjs +0 -2
  64. package/build/cjs/core/tailwind/tailwindPreset.cjs.map +0 -1
  65. package/build/cjs/core/tailwind/tailwindPreset.d.cts +0 -3
  66. package/build/es/core/tailwind/colors.js.map +0 -1
  67. package/build/es/core/tailwind/tailwindPreset.d.ts +0 -3
  68. package/build/es/core/tailwind/tailwindPreset.js +0 -2
  69. package/build/es/core/tailwind/tailwindPreset.js.map +0 -1
  70. /package/build/cjs/{core/tailwind → tailwind}/colors.cjs +0 -0
  71. /package/build/cjs/{core/tailwind → tailwind}/colors.d.cts +0 -0
  72. /package/build/es/{core/tailwind → tailwind}/colors.d.ts +0 -0
  73. /package/build/es/{core/tailwind → tailwind}/colors.js +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.cjs","sources":["../../../../src/core/tailwind/colors.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 09 Jan 2025 11:10:44 GMT\n */\n\nconst colors = {\n \"background-page\": \"var(--jkl-color-background-page)\",\n \"background-page-variant\": \"var(--jkl-color-background-page-variant)\",\n \"background-container\": \"var(--jkl-color-background-container)\",\n \"background-container-low\": \"var(--jkl-color-background-container-low)\",\n \"background-container-high\": \"var(--jkl-color-background-container-high)\",\n \"background-container-inverted\":\n \"var(--jkl-color-background-container-inverted)\",\n \"background-container-subdued\":\n \"var(--jkl-color-background-container-subdued)\",\n \"background-input-base\": \"var(--jkl-color-background-input-base)\",\n \"background-input-focus\": \"var(--jkl-color-background-input-focus)\",\n \"background-action\": \"var(--jkl-color-background-action)\",\n \"background-interactive\": \"var(--jkl-color-background-interactive)\",\n \"background-interactive-hover\":\n \"var(--jkl-color-background-interactive-hover)\",\n \"background-interactive-selected\":\n \"var(--jkl-color-background-interactive-selected)\",\n \"background-alert-neutral\": \"var(--jkl-color-background-alert-neutral)\",\n \"background-alert-info\": \"var(--jkl-color-background-alert-info)\",\n \"background-alert-success\": \"var(--jkl-color-background-alert-success)\",\n \"background-alert-warning\": \"var(--jkl-color-background-alert-warning)\",\n \"background-alert-error\": \"var(--jkl-color-background-alert-error)\",\n \"text-default\": \"var(--jkl-color-text-default)\",\n \"text-subdued\": \"var(--jkl-color-text-subdued)\",\n \"text-inverted\": \"var(--jkl-color-text-inverted)\",\n \"text-on-action\": \"var(--jkl-color-text-on-action)\",\n \"text-interactive\": \"var(--jkl-color-text-interactive)\",\n \"text-interactive-hover\": \"var(--jkl-color-text-interactive-hover)\",\n \"text-on-alert\": \"var(--jkl-color-text-on-alert)\",\n \"text-on-alert-subdued\": \"var(--jkl-color-text-on-alert-subdued)\",\n \"border-action\": \"var(--jkl-color-border-action)\",\n \"border-input\": \"var(--jkl-color-border-input)\",\n \"border-input-focus\": \"var(--jkl-color-border-input-focus)\",\n \"border-separator\": \"var(--jkl-color-border-separator)\",\n \"border-separator-strong\": \"var(--jkl-color-border-separator-strong)\",\n \"border-separator-hover\": \"var(--jkl-color-border-separator-hover)\",\n \"border-subdued\": \"var(--jkl-color-border-subdued)\",\n};\n\nexport default colors;\n"],"names":[],"mappings":"AAKA,4BAAe,CACX,kBAAmB,mCACnB,0BAA2B,2CAC3B,uBAAwB,wCACxB,2BAA4B,4CAC5B,4BAA6B,6CAC7B,gCACI,iDACJ,+BACI,gDACJ,wBAAyB,yCACzB,yBAA0B,0CAC1B,oBAAqB,qCACrB,yBAA0B,0CAC1B,+BACI,gDACJ,kCACI,mDACJ,2BAA4B,4CAC5B,wBAAyB,yCACzB,2BAA4B,4CAC5B,2BAA4B,4CAC5B,yBAA0B,0CAC1B,eAAgB,gCAChB,eAAgB,gCAChB,gBAAiB,iCACjB,iBAAkB,kCAClB,mBAAoB,oCACpB,yBAA0B,0CAC1B,gBAAiB,iCACjB,wBAAyB,yCACzB,gBAAiB,iCACjB,eAAgB,gCAChB,qBAAsB,sCACtB,mBAAoB,oCACpB,0BAA2B,2CAC3B,yBAA0B,0CAC1B,iBAAkB"}
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("../tokens.cjs"),t={theme:{colors:require("./colors.cjs"),spacing:e.spacing,fontWeight:e.typography.weight,fontSize:e.typography.font.size,lineHeight:e.typography.line.height,screens:{sm:e.breakpoint.medium,md:e.breakpoint.large,lg:e.breakpoint.xl}}};module.exports=t;
2
- //# sourceMappingURL=tailwindPreset.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwindPreset.cjs","sources":["../../../../src/core/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../tokens.js\";\nimport colors from \"./colors.js\";\n\nconst tailwindPreset: Partial<Config> = {\n theme: {\n colors,\n spacing: tokens.spacing,\n fontWeight: tokens.typography.weight,\n fontSize: tokens.typography.font.size,\n lineHeight: tokens.typography.line.height,\n screens: {\n sm: tokens.breakpoint.medium,\n md: tokens.breakpoint.large,\n lg: tokens.breakpoint.xl,\n },\n },\n};\n\nexport default tailwindPreset;\n"],"names":["tailwindPreset","theme","colors","spacing","tokens","fontWeight","typography","weight","fontSize","font","size","lineHeight","line","height","screens","sm","breakpoint","medium","md","large","lg","xl"],"mappings":"8CAIMA,EAAkC,CACpCC,MAAO,CAAAC,+BAEHC,QAASC,EAAOD,QAChBE,WAAYD,EAAOE,WAAWC,OAC9BC,SAAUJ,EAAOE,WAAWG,KAAKC,KACjCC,WAAYP,EAAOE,WAAWM,KAAKC,OACnCC,QAAS,CACLC,GAAIX,EAAOY,WAAWC,OACtBC,GAAId,EAAOY,WAAWG,MACtBC,GAAIhB,EAAOY,WAAWK"}
@@ -1,3 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
- declare const tailwindPreset: Partial<Config>;
3
- export default tailwindPreset;
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.js","sources":["../../../../src/core/tailwind/colors.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 09 Jan 2025 11:10:44 GMT\n */\n\nconst colors = {\n \"background-page\": \"var(--jkl-color-background-page)\",\n \"background-page-variant\": \"var(--jkl-color-background-page-variant)\",\n \"background-container\": \"var(--jkl-color-background-container)\",\n \"background-container-low\": \"var(--jkl-color-background-container-low)\",\n \"background-container-high\": \"var(--jkl-color-background-container-high)\",\n \"background-container-inverted\":\n \"var(--jkl-color-background-container-inverted)\",\n \"background-container-subdued\":\n \"var(--jkl-color-background-container-subdued)\",\n \"background-input-base\": \"var(--jkl-color-background-input-base)\",\n \"background-input-focus\": \"var(--jkl-color-background-input-focus)\",\n \"background-action\": \"var(--jkl-color-background-action)\",\n \"background-interactive\": \"var(--jkl-color-background-interactive)\",\n \"background-interactive-hover\":\n \"var(--jkl-color-background-interactive-hover)\",\n \"background-interactive-selected\":\n \"var(--jkl-color-background-interactive-selected)\",\n \"background-alert-neutral\": \"var(--jkl-color-background-alert-neutral)\",\n \"background-alert-info\": \"var(--jkl-color-background-alert-info)\",\n \"background-alert-success\": \"var(--jkl-color-background-alert-success)\",\n \"background-alert-warning\": \"var(--jkl-color-background-alert-warning)\",\n \"background-alert-error\": \"var(--jkl-color-background-alert-error)\",\n \"text-default\": \"var(--jkl-color-text-default)\",\n \"text-subdued\": \"var(--jkl-color-text-subdued)\",\n \"text-inverted\": \"var(--jkl-color-text-inverted)\",\n \"text-on-action\": \"var(--jkl-color-text-on-action)\",\n \"text-interactive\": \"var(--jkl-color-text-interactive)\",\n \"text-interactive-hover\": \"var(--jkl-color-text-interactive-hover)\",\n \"text-on-alert\": \"var(--jkl-color-text-on-alert)\",\n \"text-on-alert-subdued\": \"var(--jkl-color-text-on-alert-subdued)\",\n \"border-action\": \"var(--jkl-color-border-action)\",\n \"border-input\": \"var(--jkl-color-border-input)\",\n \"border-input-focus\": \"var(--jkl-color-border-input-focus)\",\n \"border-separator\": \"var(--jkl-color-border-separator)\",\n \"border-separator-strong\": \"var(--jkl-color-border-separator-strong)\",\n \"border-separator-hover\": \"var(--jkl-color-border-separator-hover)\",\n \"border-subdued\": \"var(--jkl-color-border-subdued)\",\n};\n\nexport default colors;\n"],"names":["colors"],"mappings":"AAKA,MAAMA,EAAS,CACX,kBAAmB,mCACnB,0BAA2B,2CAC3B,uBAAwB,wCACxB,2BAA4B,4CAC5B,4BAA6B,6CAC7B,gCACI,iDACJ,+BACI,gDACJ,wBAAyB,yCACzB,yBAA0B,0CAC1B,oBAAqB,qCACrB,yBAA0B,0CAC1B,+BACI,gDACJ,kCACI,mDACJ,2BAA4B,4CAC5B,wBAAyB,yCACzB,2BAA4B,4CAC5B,2BAA4B,4CAC5B,yBAA0B,0CAC1B,eAAgB,gCAChB,eAAgB,gCAChB,gBAAiB,iCACjB,iBAAkB,kCAClB,mBAAoB,oCACpB,yBAA0B,0CAC1B,gBAAiB,iCACjB,wBAAyB,yCACzB,gBAAiB,iCACjB,eAAgB,gCAChB,qBAAsB,sCACtB,mBAAoB,oCACpB,0BAA2B,2CAC3B,yBAA0B,0CAC1B,iBAAkB"}
@@ -1,3 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
- declare const tailwindPreset: Partial<Config>;
3
- export default tailwindPreset;
@@ -1,2 +0,0 @@
1
- import e from"../tokens.js";import o from"./colors.js";const t={theme:{colors:o,spacing:e.spacing,fontWeight:e.typography.weight,fontSize:e.typography.font.size,lineHeight:e.typography.line.height,screens:{sm:e.breakpoint.medium,md:e.breakpoint.large,lg:e.breakpoint.xl}}};export{t as default};
2
- //# sourceMappingURL=tailwindPreset.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwindPreset.js","sources":["../../../../src/core/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../tokens.js\";\nimport colors from \"./colors.js\";\n\nconst tailwindPreset: Partial<Config> = {\n theme: {\n colors,\n spacing: tokens.spacing,\n fontWeight: tokens.typography.weight,\n fontSize: tokens.typography.font.size,\n lineHeight: tokens.typography.line.height,\n screens: {\n sm: tokens.breakpoint.medium,\n md: tokens.breakpoint.large,\n lg: tokens.breakpoint.xl,\n },\n },\n};\n\nexport default tailwindPreset;\n"],"names":["tailwindPreset","theme","colors","spacing","tokens","fontWeight","typography","weight","fontSize","font","size","lineHeight","line","height","screens","sm","breakpoint","medium","md","large","lg","xl"],"mappings":"uDAIA,MAAMA,EAAkC,CACpCC,MAAO,CACHC,OAAAA,EACAC,QAASC,EAAOD,QAChBE,WAAYD,EAAOE,WAAWC,OAC9BC,SAAUJ,EAAOE,WAAWG,KAAKC,KACjCC,WAAYP,EAAOE,WAAWM,KAAKC,OACnCC,QAAS,CACLC,GAAIX,EAAOY,WAAWC,OACtBC,GAAId,EAAOY,WAAWG,MACtBC,GAAIhB,EAAOY,WAAWK"}
File without changes