@fremtind/jokul 3.6.0 → 3.7.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.
- package/README.md +15 -2
- package/build/build-stats.html +1 -1
- package/build/cjs/components/menu/Menu.cjs +1 -1
- package/build/cjs/components/menu/Menu.cjs.map +1 -1
- package/build/cjs/components/text-input/BaseTextInput.cjs +1 -1
- package/build/cjs/components/text-input/BaseTextInput.cjs.map +1 -1
- package/build/cjs/core/tokens/style-dictionary/build.cjs +1 -1
- package/build/cjs/core/tokens/style-dictionary/build.cjs.map +1 -1
- package/build/cjs/core/tokens.cjs +1 -1
- package/build/cjs/core/tokens.cjs.map +1 -1
- package/build/cjs/core/tokens.d.cts +114 -0
- package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs +1 -1
- package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs.map +1 -1
- package/build/es/components/menu/Menu.js +1 -1
- package/build/es/components/menu/Menu.js.map +1 -1
- package/build/es/components/text-input/BaseTextInput.js +1 -1
- package/build/es/components/text-input/BaseTextInput.js.map +1 -1
- package/build/es/core/tokens/style-dictionary/build.js +1 -1
- package/build/es/core/tokens/style-dictionary/build.js.map +1 -1
- package/build/es/core/tokens.d.ts +114 -0
- package/build/es/core/tokens.js +1 -1
- package/build/es/core/tokens.js.map +1 -1
- package/build/es/tailwind/plugins/jokulTypographyPlugin.js +1 -1
- package/build/es/tailwind/plugins/jokulTypographyPlugin.js.map +1 -1
- package/package.json +4 -2
- package/styles/components/autosuggest/_index.scss +2 -0
- package/styles/components/autosuggest/autosuggest.scss +87 -0
- package/styles/components/breadcrumb/_index.scss +2 -0
- package/styles/components/breadcrumb/breadcrumb.scss +38 -0
- package/styles/components/button/_index.scss +2 -0
- package/styles/components/button/button.scss +169 -0
- package/styles/components/card/_index.scss +3 -0
- package/styles/components/card/card.scss +105 -0
- package/styles/components/checkbox/_index.scss +1 -0
- package/styles/components/checkbox/checkbox.css +4 -4
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/checkbox/checkbox.scss +248 -0
- package/styles/components/checkbox-panel/_index.scss +1 -0
- package/styles/components/checkbox-panel/checkbox-panel.css +6 -6
- package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
- package/styles/components/checkbox-panel/checkbox-panel.scss +95 -0
- package/styles/components/checkbox-panel/development/styles.scss +27 -0
- package/styles/components/chip/_index.scss +2 -0
- package/styles/components/chip/chip.scss +104 -0
- package/styles/components/combobox/_index.scss +6 -0
- package/styles/components/combobox/combobox.scss +238 -0
- package/styles/components/cookie-consent/_index.scss +5 -0
- package/styles/components/cookie-consent/cookie-consent.scss +31 -0
- package/styles/components/countdown/_index.scss +1 -0
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/countdown/countdown.scss +25 -0
- package/styles/components/datepicker/_calendar-date-button.scss +85 -0
- package/styles/components/datepicker/_calendar-navigation-dropdown.scss +52 -0
- package/styles/components/datepicker/_calendar-navigation.scss +12 -0
- package/styles/components/datepicker/_calendar-table.scss +27 -0
- package/styles/components/datepicker/_calendar.scss +36 -0
- package/styles/components/datepicker/_index.scss +6 -0
- package/styles/components/datepicker/datepicker.scss +47 -0
- package/styles/components/description-list/_index.scss +1 -0
- package/styles/components/description-list/description-list.scss +58 -0
- package/styles/components/expander/_index.scss +4 -0
- package/styles/components/expander/expandable.scss +141 -0
- package/styles/components/feedback/_index.scss +10 -0
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/feedback/feedback.scss +113 -0
- package/styles/components/file/_index.scss +3 -0
- package/styles/components/file/file.scss +164 -0
- package/styles/components/file-input/_index.scss +5 -0
- package/styles/components/file-input/file-input.css +9 -9
- package/styles/components/file-input/file-input.min.css +1 -1
- package/styles/components/file-input/file-input.scss +130 -0
- package/styles/components/flex/_index.scss +1 -0
- package/styles/components/flex/flex.scss +252 -0
- package/styles/components/help/_index.scss +2 -0
- package/styles/components/help/help.scss +47 -0
- package/styles/components/icon/_base-styles.scss +21 -0
- package/styles/components/icon/_index.scss +1 -0
- package/styles/components/icon/development/internal/icons-example-grid.scss +13 -0
- package/styles/components/icon/icon.scss +139 -0
- package/styles/components/icon-button/_index.scss +1 -0
- package/styles/components/icon-button/icon-button.scss +38 -0
- package/styles/components/image/_index.scss +1 -0
- package/styles/components/image/development/style.scss +9 -0
- package/styles/components/image/image.scss +37 -0
- package/styles/components/image/stories/styles.scss +9 -0
- package/styles/components/input-group/_field-group.scss +5 -0
- package/styles/components/input-group/_index.scss +3 -0
- package/styles/components/input-group/_labels.scss +159 -0
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/input-group/input-group.scss +11 -0
- package/styles/components/input-panel/input-panel.scss +84 -0
- package/styles/components/link/_index.scss +1 -0
- package/styles/components/link/link.scss +62 -0
- package/styles/components/link-list/_index.scss +2 -0
- package/styles/components/link-list/link-list.scss +94 -0
- package/styles/components/list/_index.scss +1 -0
- package/styles/components/list/list.scss +98 -0
- package/styles/components/loader/_index.scss +2 -0
- package/styles/components/loader/development/styles.scss +11 -0
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/loader.scss +139 -0
- package/styles/components/loader/skeleton-loader.css +3 -3
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.scss +137 -0
- package/styles/components/logo/_index.scss +1 -0
- package/styles/components/logo/development/styles.scss +9 -0
- package/styles/components/logo/logo.scss +90 -0
- package/styles/components/menu/_index.scss +1 -0
- package/styles/components/menu/_menu-divider.scss +10 -0
- package/styles/components/menu/_menu-item.scss +71 -0
- package/styles/components/menu/menu.scss +40 -0
- package/styles/components/message/_index.scss +2 -0
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/message/message.scss +187 -0
- package/styles/components/modal/_index.scss +3 -0
- package/styles/components/modal/modal.scss +107 -0
- package/styles/components/nav-link/_index.scss +1 -0
- package/styles/components/nav-link/nav-link.scss +66 -0
- package/styles/components/pagination/_index.scss +5 -0
- package/styles/components/pagination/development/styles.scss +35 -0
- package/styles/components/pagination/pagination.scss +49 -0
- package/styles/components/popover/_index.scss +1 -0
- package/styles/components/popover/popover.scss +19 -0
- package/styles/components/progress-bar/_index.scss +1 -0
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.scss +27 -0
- package/styles/components/radio-button/_index.scss +2 -0
- package/styles/components/radio-button/radio-button.css +2 -2
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/radio-button/radio-button.scss +219 -0
- package/styles/components/radio-panel/_index.scss +1 -0
- package/styles/components/radio-panel/development/styles.scss +27 -0
- package/styles/components/radio-panel/radio-panel.css +2 -2
- package/styles/components/radio-panel/radio-panel.min.css +1 -1
- package/styles/components/radio-panel/radio-panel.scss +82 -0
- package/styles/components/segmented-control/_index.scss +3 -0
- package/styles/components/segmented-control/segmented-control.css +4 -4
- package/styles/components/segmented-control/segmented-control.min.css +1 -1
- package/styles/components/segmented-control/segmented-control.scss +99 -0
- package/styles/components/select/_index.scss +3 -0
- package/styles/components/select/select.scss +299 -0
- package/styles/components/summary-table/_index.scss +1 -0
- package/styles/components/summary-table/development/summary-table-example.scss +10 -0
- package/styles/components/summary-table/summary-table.scss +49 -0
- package/styles/components/system-message/_index.scss +2 -0
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/system-message/system-message.scss +177 -0
- package/styles/components/table/_index.scss +6 -0
- package/styles/components/table/_table-caption.scss +7 -0
- package/styles/components/table/_table-cell.scss +90 -0
- package/styles/components/table/_table-head.scss +36 -0
- package/styles/components/table/_table-header.scss +65 -0
- package/styles/components/table/_table-pagination.scss +126 -0
- package/styles/components/table/_table-row.scss +177 -0
- package/styles/components/table/table.css +4 -0
- package/styles/components/table/table.min.css +1 -1
- package/styles/components/table/table.scss +53 -0
- package/styles/components/table-of-contents/_index.scss +1 -0
- package/styles/components/tabs/_index.scss +1 -0
- package/styles/components/tabs/tabs.scss +114 -0
- package/styles/components/tag/_index.scss +3 -0
- package/styles/components/tag/tag.scss +65 -0
- package/styles/components/text-area/_index.scss +4 -0
- package/styles/components/text-area/text-area.scss +111 -0
- package/styles/components/text-input/_index.scss +4 -0
- package/styles/components/text-input/text-input.scss +43 -0
- package/styles/components/toast/_index.scss +4 -0
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/components/toast/toast.scss +219 -0
- package/styles/components/toggle-switch/_index.scss +2 -0
- package/styles/components/toggle-switch/_toggle-slider.scss +123 -0
- package/styles/components/toggle-switch/toggle-switch.scss +137 -0
- package/styles/components/tooltip/_index.scss +3 -0
- package/styles/components/tooltip/popuptip.scss +5 -0
- package/styles/components/tooltip/tooltip.scss +87 -0
- package/styles/components-beta/description-list/_index.scss +1 -0
- package/styles/components-beta/description-list/description-list.scss +80 -0
- package/styles/components-beta/link-list/_index.scss +2 -0
- package/styles/components-beta/link-list/link-list.scss +81 -0
- package/styles/components-beta/nav-link/_index.scss +1 -0
- package/styles/components-beta/nav-link/navlink.scss +66 -0
- package/styles/components-beta/search/_index.scss +4 -0
- package/styles/components-beta/search/search-with-submit-button.scss +37 -0
- package/styles/components-beta/search/search.scss +106 -0
- package/styles/components-beta/select/_index.scss +3 -0
- package/styles/components-beta/select/select.scss +128 -0
- package/styles/components-beta/table-of-contents/_index.scss +2 -0
- package/styles/components-beta/table-of-contents/table-of-contents.scss +88 -0
- package/styles/core/_layers.scss +3 -0
- package/styles/core/core.css +61 -3
- package/styles/core/core.min.css +1 -1
- package/styles/core/core.scss +6 -0
- package/styles/core/global/_base-class.scss +38 -0
- package/styles/core/global/_index.scss +2 -0
- package/styles/core/global/_top-layer.scss +20 -0
- package/styles/core/jkl/_colors.scss +26 -0
- package/styles/core/jkl/_convert.scss +102 -0
- package/styles/core/jkl/_helpers.scss +26 -0
- package/styles/core/jkl/_index.scss +18 -0
- package/styles/core/jkl/_motion.scss +63 -0
- package/styles/core/jkl/_navigation.scss +9 -0
- package/styles/core/jkl/_ornaments.scss +28 -0
- package/styles/core/jkl/_reset.scss +45 -0
- package/styles/core/jkl/_responsive-units.scss +30 -0
- package/styles/core/jkl/_screenreader.scss +59 -0
- package/styles/core/jkl/_screens.scss +135 -0
- package/styles/core/jkl/_shadows.scss +25 -0
- package/styles/core/jkl/_spacing.scss +149 -0
- package/styles/core/jkl/_theme.scss +119 -0
- package/styles/core/jkl/_tokens.scss +58 -0
- package/styles/core/jkl/_typography.scss +269 -0
- package/styles/core/jkl/_underline.scss +16 -0
- package/styles/core/jkl/_z-index.scss +23 -0
- package/styles/core/jkl/legacy/_dynamic-colors.scss +40 -0
- package/styles/core/jkl/legacy/_index.scss +2 -0
- package/styles/core/jkl/legacy/_tokens.scss +566 -0
- package/styles/core/resets/_index.scss +2 -0
- package/styles/core/resets/_normalize.scss +251 -0
- package/styles/core/resets/_reset.scss +68 -0
- package/styles/core/theme/_color-tokens.scss +73 -0
- package/styles/core/theme/_dynamic-spacing.scss +55 -0
- package/styles/core/theme/_index.scss +8 -0
- package/styles/core/theme/_legacy-color-tokens.scss +81 -0
- package/styles/core/theme/_legacy-tokens.scss +215 -0
- package/styles/core/theme/_old-vars.scss +30 -0
- package/styles/core/theme/_spacing-tokens.scss +32 -0
- package/styles/core/theme/_tokens.scss +32 -0
- package/styles/core/theme/_typography.scss +27 -0
- package/styles/core/utility/_headings.scss +31 -0
- package/styles/core/utility/_index.scss +4 -0
- package/styles/core/utility/_paragraphs.scss +18 -0
- package/styles/core/utility/_screen-reader.scss +11 -0
- package/styles/core/utility/_spacing.scss +49 -0
- package/styles/hooks/stories/styles.scss +78 -0
- package/styles/shared/input/shared-input-styles.scss +181 -0
- package/styles/shared/track/track.scss +27 -0
- package/styles/styles.css +38 -34
- package/styles/styles.min.css +2 -2
- package/styles/styles.scss +52 -0
- package/styles/components/checkbox/development/public/fonts/webfonts.css +0 -115
- package/styles/components/checkbox/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/file-input/development/public/fonts/_index.scss +0 -1
- package/styles/components/file-input/development/public/fonts/webfonts.css +0 -108
- package/styles/components/file-input/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/file-input/development/public/fonts/webfonts.scss +0 -137
- package/styles/components/menu/development/public/fonts/_index.scss +0 -1
- package/styles/components/menu/development/public/fonts/webfonts.css +0 -108
- package/styles/components/menu/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/menu/development/public/fonts/webfonts.scss +0 -137
- package/styles/components/radio-button/development/public/fonts/_index.scss +0 -1
- package/styles/components/radio-button/development/public/fonts/webfonts.css +0 -115
- package/styles/components/radio-button/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/radio-button/development/public/fonts/webfonts.scss +0 -145
- package/styles/components/text-input/development/public/fonts/_index.scss +0 -1
- package/styles/components/text-input/development/public/fonts/webfonts.css +0 -115
- package/styles/components/text-input/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/text-input/development/public/fonts/webfonts.scss +0 -145
- package/styles/components/toggle-switch/development/public/fonts/_index.scss +0 -1
- package/styles/components/toggle-switch/development/public/fonts/webfonts.css +0 -115
- package/styles/components/toggle-switch/development/public/fonts/webfonts.min.css +0 -1
- package/styles/components/toggle-switch/development/public/fonts/webfonts.scss +0 -145
- /package/styles/{components/checkbox/development/public/fonts → fonts}/_index.scss +0 -0
- /package/styles/{components/checkbox/development/public/fonts → fonts}/webfonts.scss +0 -0
package/README.md
CHANGED
|
@@ -163,7 +163,13 @@ For en full liste over utilities kan du kikke i [utilities-mappa](src/utilities/
|
|
|
163
163
|
|
|
164
164
|
## Tailwind
|
|
165
165
|
|
|
166
|
-
Jøkul har støtte for Tailwind gjennom et offisielt preset du kan legge til i Tailwind-konfigurasjonen din.
|
|
166
|
+
Jøkul har støtte for Tailwind gjennom et offisielt preset du kan legge til i Tailwind-konfigurasjonen din.
|
|
167
|
+
|
|
168
|
+
Hvis du bruker Tailwind sammen med Jøkul anbefaler vi at du [skrur av Tailwind sine egne reset-regler](https://v3.tailwindcss.com/docs/preflight#disabling-preflight) (preflight), ettersom de kan overskrive Jøkul sine egne grunnstiler.
|
|
169
|
+
|
|
170
|
+
### Versjon 3
|
|
171
|
+
|
|
172
|
+
Dersom du bruker versjon 3 av Tailwind kan du legge til vårt preset i konfigurasjonen på denne måten:
|
|
167
173
|
|
|
168
174
|
```ts
|
|
169
175
|
import { jokulPreset } from "@fremtind/jokul/tailwind";
|
|
@@ -175,7 +181,14 @@ export default {
|
|
|
175
181
|
};
|
|
176
182
|
```
|
|
177
183
|
|
|
178
|
-
|
|
184
|
+
### Versjon 4
|
|
185
|
+
|
|
186
|
+
Dersom du bruker versjon 4 av Tailwind laster du inn vårt theme rett etter importen av Tailwind:
|
|
187
|
+
|
|
188
|
+
```css
|
|
189
|
+
@import "tailwindcss";
|
|
190
|
+
@import "@fremtind/jokul/tailwind/v4";
|
|
191
|
+
```
|
|
179
192
|
|
|
180
193
|
### Farger
|
|
181
194
|
|