@sb1/ffe-core 33.0.2 → 33.1.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 (2) hide show
  1. package/css/colors-semantic-tailwind-4.css +143 -0
  2. package/package.json +2 -2
package/css/colors-semantic-tailwind-4.css ADDED
@@ -0,0 +1,143 @@
1
+ @theme inline {
2
+ --color-background-default: var(--ffe-color-background-default);
3
+ --color-background-subtle: var(--ffe-color-background-subtle);
4
+ --color-surface-primary-default: var(--ffe-color-surface-primary-default);
5
+ --color-surface-primary-default-hover: var(--ffe-color-surface-primary-default-hover);
6
+ --color-surface-primary-default-pressed: var(--ffe-color-surface-primary-default-pressed);
7
+ --color-surface-secondary-default: var(--ffe-color-surface-secondary-default);
8
+ --color-surface-secondary-default-hover: var(--ffe-color-surface-secondary-default-hover);
9
+ --color-surface-secondary-default-pressed: var(--ffe-color-surface-secondary-default-pressed);
10
+ --color-surface-tertiary-default: var(--ffe-color-surface-tertiary-default);
11
+ --color-surface-tertiary-default-hover: var(--ffe-color-surface-tertiary-default-hover);
12
+ --color-surface-tertiary-default-pressed: var(--ffe-color-surface-tertiary-default-pressed);
13
+ --color-surface-neutral-default: var(--ffe-color-surface-neutral-default);
14
+ --color-surface-neutral-default-hover: var(--ffe-color-surface-neutral-default-hover);
15
+ --color-surface-neutral-default-pressed: var(--ffe-color-surface-neutral-default-pressed);
16
+ --color-surface-feedback-info: var(--ffe-color-surface-feedback-info);
17
+ --color-surface-feedback-success: var(--ffe-color-surface-feedback-success);
18
+ --color-surface-feedback-warning: var(--ffe-color-surface-feedback-warning);
19
+ --color-surface-feedback-critical: var(--ffe-color-surface-feedback-critical);
20
+ --color-surface-feedback-tip: var(--ffe-color-surface-feedback-tip);
21
+ --color-fill-primary-default: var(--ffe-color-fill-primary-default);
22
+ --color-fill-primary-default-hover: var(--ffe-color-fill-primary-default-hover);
23
+ --color-fill-primary-default-pressed: var(--ffe-color-fill-primary-default-pressed);
24
+ --color-fill-primary-selected-default: var(--ffe-color-fill-primary-selected-default);
25
+ --color-fill-primary-selected-hover: var(--ffe-color-fill-primary-selected-hover);
26
+ --color-fill-primary-selected-pressed: var(--ffe-color-fill-primary-selected-pressed);
27
+ --color-fill-primary-subtle: var(--ffe-color-fill-primary-subtle);
28
+ --color-fill-primary-subtle-hover: var(--ffe-color-fill-primary-subtle-hover);
29
+ --color-fill-primary-subtle-pressed: var(--ffe-color-fill-primary-subtle-pressed);
30
+ --color-fill-primary-invisible: var(--ffe-color-fill-primary-invisible);
31
+ --color-fill-secondary-default: var(--ffe-color-fill-secondary-default);
32
+ --color-fill-secondary-default-hover: var(--ffe-color-fill-secondary-default-hover);
33
+ --color-fill-secondary-default-pressed: var(--ffe-color-fill-secondary-default-pressed);
34
+ --color-fill-secondary-subtle: var(--ffe-color-fill-secondary-subtle);
35
+ --color-fill-secondary-subtle-hover: var(--ffe-color-fill-secondary-subtle-hover);
36
+ --color-fill-secondary-subtle-pressed: var(--ffe-color-fill-secondary-subtle-pressed);
37
+ --color-fill-tertiary-default: var(--ffe-color-fill-tertiary-default);
38
+ --color-fill-tertiary-default-hover: var(--ffe-color-fill-tertiary-default-hover);
39
+ --color-fill-tertiary-default-pressed: var(--ffe-color-fill-tertiary-default-pressed);
40
+ --color-fill-tertiary-subtle: var(--ffe-color-fill-tertiary-subtle);
41
+ --color-fill-tertiary-subtle-hover: var(--ffe-color-fill-tertiary-subtle-hover);
42
+ --color-fill-tertiary-subtle-pressed: var(--ffe-color-fill-tertiary-subtle-pressed);
43
+ --color-fill-neutral-default: var(--ffe-color-fill-neutral-default);
44
+ --color-fill-neutral-default-hover: var(--ffe-color-fill-neutral-default-hover);
45
+ --color-fill-neutral-default-pressed: var(--ffe-color-fill-neutral-default-pressed);
46
+ --color-fill-neutral-subtle: var(--ffe-color-fill-neutral-subtle);
47
+ --color-fill-neutral-subtle-hover: var(--ffe-color-fill-neutral-subtle-hover);
48
+ --color-fill-neutral-subtle-pressed: var(--ffe-color-fill-neutral-subtle-pressed);
49
+ --color-fill-neutral-extra-subtle: var(--ffe-color-fill-neutral-extra-subtle);
50
+ --color-fill-neutral-extra-subtle-hover: var(--ffe-color-fill-neutral-extra-subtle-hover);
51
+ --color-fill-neutral-extra-subtle-pressed: var(--ffe-color-fill-neutral-extra-subtle-pressed);
52
+ --color-fill-feedback-info: var(--ffe-color-fill-feedback-info);
53
+ --color-fill-feedback-info-subtle: var(--ffe-color-fill-feedback-info-subtle);
54
+ --color-fill-feedback-success: var(--ffe-color-fill-feedback-success);
55
+ --color-fill-feedback-success-subtle: var(--ffe-color-fill-feedback-success-subtle);
56
+ --color-fill-feedback-warning: var(--ffe-color-fill-feedback-warning);
57
+ --color-fill-feedback-warning-subtle: var(--ffe-color-fill-feedback-warning-subtle);
58
+ --color-fill-feedback-critical: var(--ffe-color-fill-feedback-critical);
59
+ --color-fill-feedback-critical-subtle: var(--ffe-color-fill-feedback-critical-subtle);
60
+ --color-fill-feedback-tip: var(--ffe-color-fill-feedback-tip);
61
+ --color-fill-feedback-tip-subtle: var(--ffe-color-fill-feedback-tip-subtle);
62
+ --color-foreground-default: var(--ffe-color-foreground-default);
63
+ --color-foreground-subtle: var(--ffe-color-foreground-subtle);
64
+ --color-foreground-emphasis: var(--ffe-color-foreground-emphasis);
65
+ --color-foreground-inverse: var(--ffe-color-foreground-inverse);
66
+ --color-foreground-interactive-link: var(--ffe-color-foreground-interactive-link);
67
+ --color-foreground-interactive-link-hover: var(--ffe-color-foreground-interactive-link-hover);
68
+ --color-foreground-interactive-link-pressed: var(--ffe-color-foreground-interactive-link-pressed);
69
+ --color-foreground-interactive-link-active: var(--ffe-color-foreground-interactive-link-active);
70
+ --color-foreground-feedback-info: var(--ffe-color-foreground-feedback-info);
71
+ --color-foreground-feedback-success: var(--ffe-color-foreground-feedback-success);
72
+ --color-foreground-feedback-warning: var(--ffe-color-foreground-feedback-warning);
73
+ --color-foreground-feedback-critical: var(--ffe-color-foreground-feedback-critical);
74
+ --color-foreground-feedback-tip: var(--ffe-color-foreground-feedback-tip);
75
+ --color-component-form-input-foreground-default: var(--ffe-color-component-form-input-foreground-default);
76
+ --color-component-form-input-foreground-subtle: var(--ffe-color-component-form-input-foreground-subtle);
77
+ --color-component-form-input-foreground-placeholder: var(--ffe-color-component-form-input-foreground-placeholder);
78
+ --color-component-form-input-foreground-disabled: var(--ffe-color-component-form-input-foreground-disabled);
79
+ --color-component-form-input-foreground-read-only: var(--ffe-color-component-form-input-foreground-read-only);
80
+ --color-component-form-input-foreground-error: var(--ffe-color-component-form-input-foreground-error);
81
+ --color-component-form-input-border-active: var(--ffe-color-component-form-input-border-active);
82
+ --color-component-form-input-fill-default: var(--ffe-color-component-form-input-fill-default);
83
+ --color-component-form-input-fill-default-hover: var(--ffe-color-component-form-input-fill-default-hover);
84
+ --color-component-form-input-fill-default-pressed: var(--ffe-color-component-form-input-fill-default-pressed);
85
+ --color-component-form-input-fill-disabled: var(--ffe-color-component-form-input-fill-disabled);
86
+ --color-component-form-input-fill-read-only: var(--ffe-color-component-form-input-fill-read-only);
87
+ --color-component-form-input-fill-error: var(--ffe-color-component-form-input-fill-error);
88
+ --color-component-form-toggleswitch-handle-default: var(--ffe-color-component-form-toggleswitch-handle-default);
89
+ --color-component-form-toggleswitch-fill-default: var(--ffe-color-component-form-toggleswitch-fill-default);
90
+ --color-component-form-toggleswitch-fill-default-hover: var(--ffe-color-component-form-toggleswitch-fill-default-hover);
91
+ --color-component-form-toggleswitch-fill-default-pressed: var(--ffe-color-component-form-toggleswitch-fill-default-pressed);
92
+ --color-component-form-toggleswitch-fill-selected: var(--ffe-color-component-form-toggleswitch-fill-selected);
93
+ --color-component-form-toggleswitch-fill-selected-hover: var(--ffe-color-component-form-toggleswitch-fill-selected-hover);
94
+ --color-component-form-toggleswitch-fill-selected-pressed: var(--ffe-color-component-form-toggleswitch-fill-selected-pressed);
95
+ --color-component-form-toggleswitch-fill-critical: var(--ffe-color-component-form-toggleswitch-fill-critical);
96
+ --color-component-button-action-border-default: var(--ffe-color-component-button-action-border-default);
97
+ --color-component-button-action-border-hover: var(--ffe-color-component-button-action-border-hover);
98
+ --color-component-button-action-border-pressed: var(--ffe-color-component-button-action-border-pressed);
99
+ --color-component-button-action-fill-default: var(--ffe-color-component-button-action-fill-default);
100
+ --color-component-button-action-fill-hover: var(--ffe-color-component-button-action-fill-hover);
101
+ --color-component-button-action-fill-pressed: var(--ffe-color-component-button-action-fill-pressed);
102
+ --color-component-button-action-foreground-default: var(--ffe-color-component-button-action-foreground-default);
103
+ --color-component-button-action-foreground-hover: var(--ffe-color-component-button-action-foreground-hover);
104
+ --color-component-button-primary-border-default: var(--ffe-color-component-button-primary-border-default);
105
+ --color-component-button-primary-border-hover: var(--ffe-color-component-button-primary-border-hover);
106
+ --color-component-button-primary-border-pressed: var(--ffe-color-component-button-primary-border-pressed);
107
+ --color-component-button-primary-fill-default: var(--ffe-color-component-button-primary-fill-default);
108
+ --color-component-button-primary-fill-hover: var(--ffe-color-component-button-primary-fill-hover);
109
+ --color-component-button-primary-fill-pressed: var(--ffe-color-component-button-primary-fill-pressed);
110
+ --color-component-button-primary-foreground-default: var(--ffe-color-component-button-primary-foreground-default);
111
+ --color-component-button-primary-foreground-hover: var(--ffe-color-component-button-primary-foreground-hover);
112
+ --color-component-button-secondary-border-default: var(--ffe-color-component-button-secondary-border-default);
113
+ --color-component-button-secondary-border-hover: var(--ffe-color-component-button-secondary-border-hover);
114
+ --color-component-button-secondary-border-pressed: var(--ffe-color-component-button-secondary-border-pressed);
115
+ --color-component-button-secondary-fill-default: var(--ffe-color-component-button-secondary-fill-default);
116
+ --color-component-button-secondary-fill-hover: var(--ffe-color-component-button-secondary-fill-hover);
117
+ --color-component-button-secondary-fill-pressed: var(--ffe-color-component-button-secondary-fill-pressed);
118
+ --color-component-button-secondary-foreground-default: var(--ffe-color-component-button-secondary-foreground-default);
119
+ --color-component-button-secondary-foreground-hover: var(--ffe-color-component-button-secondary-foreground-hover);
120
+ --color-component-button-tertiary-fill-default: var(--ffe-color-component-button-tertiary-fill-default);
121
+ --color-component-button-tertiary-fill-hover: var(--ffe-color-component-button-tertiary-fill-hover);
122
+ --color-component-button-tertiary-fill-pressed: var(--ffe-color-component-button-tertiary-fill-pressed);
123
+ --color-component-button-tertiary-foreground-default: var(--ffe-color-component-button-tertiary-foreground-default);
124
+ --color-component-button-tertiary-foreground-hover: var(--ffe-color-component-button-tertiary-foreground-hover);
125
+ --color-component-logo-name: var(--ffe-color-component-logo-name);
126
+ --color-component-logo-number1: var(--ffe-color-component-logo-number1);
127
+ --color-component-logo-circle-dark-red: var(--ffe-color-component-logo-circle-dark-red);
128
+ --color-component-logo-circle-light-red: var(--ffe-color-component-logo-circle-light-red);
129
+ --color-border-primary-default: var(--ffe-color-border-primary-default);
130
+ --color-border-primary-default-hover: var(--ffe-color-border-primary-default-hover);
131
+ --color-border-primary-default-pressed: var(--ffe-color-border-primary-default-pressed);
132
+ --color-border-primary-subtle: var(--ffe-color-border-primary-subtle);
133
+ --color-border-primary-subtle-hover: var(--ffe-color-border-primary-subtle-hover);
134
+ --color-border-primary-subtle-pressed: var(--ffe-color-border-primary-subtle-pressed);
135
+ --color-border-primary-emphasis: var(--ffe-color-border-primary-emphasis);
136
+ --color-border-feedback-info: var(--ffe-color-border-feedback-info);
137
+ --color-border-feedback-success: var(--ffe-color-border-feedback-success);
138
+ --color-border-feedback-warning: var(--ffe-color-border-feedback-warning);
139
+ --color-border-feedback-critical: var(--ffe-color-border-feedback-critical);
140
+ --color-border-feedback-tip: var(--ffe-color-border-feedback-tip);
141
+ --color-border-interactive-focus: var(--ffe-color-border-interactive-focus);
142
+ --color-border-interactive-selected: var(--ffe-color-border-interactive-selected);
143
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "33.0.2",
3
+ "version": "33.1.0",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "b2b12baa638f61bf7778a4e97d564fb33b5d8891"
46
+ "gitHead": "ec1436a13ace3b42dd314702f4507256dfa4c017"
47
47
  }