@licklist/design 0.78.5-dev.43 → 0.78.5-dev.45

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 (27) hide show
  1. package/dist/v2/components/Alert/Alert.scss.js +1 -1
  2. package/dist/v2/components/Button/Button.scss.js +1 -1
  3. package/dist/v2/components/Checkbox/Checkbox.scss.js +1 -1
  4. package/dist/v2/components/FormField/FormField.scss.js +1 -1
  5. package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +1 -1
  6. package/dist/v2/components/Select/Select.scss.js +1 -1
  7. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts +0 -3
  8. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map +1 -1
  9. package/dist/v2/components/WYSIWYGEditor/Icons.js +2 -41
  10. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts.map +1 -1
  11. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.js +39 -42
  12. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js +1 -1
  13. package/dist/v2/styles/components/Button.scss +3 -3
  14. package/dist/v2/styles/form/NewInput.scss +33 -21
  15. package/dist/v2/styles/form/NewInput.scss.js +1 -1
  16. package/dist/v2/styles/tokens/_colors.scss +1 -1
  17. package/package.json +3 -3
  18. package/src/v2/components/Checkbox/Checkbox.scss +28 -13
  19. package/src/v2/components/FormField/FormField.scss +9 -9
  20. package/src/v2/components/NewPageHeader/NewPageHeader.scss +12 -0
  21. package/src/v2/components/Select/Select.scss +5 -5
  22. package/src/v2/components/WYSIWYGEditor/Icons.tsx +1 -18
  23. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss +50 -32
  24. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx +48 -35
  25. package/src/v2/styles/components/Button.scss +3 -3
  26. package/src/v2/styles/form/NewInput.scss +33 -21
  27. package/src/v2/styles/tokens/_colors.scss +1 -1
package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import React__default from 'react';
3
- import { BoldIcon, ItalicIcon, UnderlineIcon, StrikeThroughIcon, Heading1Icon, Heading2Icon, ParagraphIcon, QuoteAltIcon, BulletListIcon, NumberedListIcon, TaskListIcon, DividerIcon, UndoIcon, RedoIcon, RedoAltIcon, ClearFormattingIcon } from './Icons.js';
3
+ import { BoldIcon, ItalicIcon, UnderlineIcon, StrikeThroughIcon, Heading1Icon, Heading2Icon, ParagraphIcon, QuoteAltIcon, BulletListIcon, NumberedListIcon, DividerIcon, UndoIcon, RedoIcon } from './Icons.js';
4
4
  import './WYSIWYGEditor.scss.js';
5
5
 
6
6
  var WYSIWYGEditor = function(param) {
@@ -9,13 +9,16 @@ var WYSIWYGEditor = function(param) {
9
9
  var isInternalChange = React__default.useRef(false);
10
10
  // Only update innerHTML when value changes externally (not from user input)
11
11
  React__default.useEffect(function() {
12
- if (contentRef.current && !isInternalChange.current) {
12
+ if (contentRef.current) {
13
+ if (isInternalChange.current) {
14
+ isInternalChange.current = false;
15
+ return;
16
+ }
13
17
  var currentHTML = contentRef.current.innerHTML;
14
18
  if (currentHTML !== value) {
15
19
  contentRef.current.innerHTML = value || '';
16
20
  }
17
21
  }
18
- isInternalChange.current = false;
19
22
  }, [
20
23
  value
21
24
  ]);
@@ -26,6 +29,29 @@ var WYSIWYGEditor = function(param) {
26
29
  }
27
30
  };
28
31
  var execCommand = function(command, value) {
32
+ if (command === 'insertHorizontalRule') {
33
+ var selection = window.getSelection();
34
+ if (selection && selection.rangeCount > 0) {
35
+ var range = selection.getRangeAt(0);
36
+ range.deleteContents();
37
+ var hr = document.createElement('hr');
38
+ var p = document.createElement('p');
39
+ p.innerHTML = '<br>' // Ensure the paragraph is "typeable"
40
+ ;
41
+ // Insert HR and then the paragraph after it
42
+ range.insertNode(p);
43
+ range.insertNode(hr);
44
+ // Move cursor to the new paragraph
45
+ var newRange = document.createRange();
46
+ newRange.setStart(p, 0);
47
+ newRange.setEnd(p, 0);
48
+ newRange.collapse(true);
49
+ selection.removeAllRanges();
50
+ selection.addRange(newRange);
51
+ handleInput();
52
+ return;
53
+ }
54
+ }
29
55
  document.execCommand(command, false, value);
30
56
  handleInput();
31
57
  };
@@ -78,9 +104,6 @@ var WYSIWYGEditor = function(param) {
78
104
  },
79
105
  children: /*#__PURE__*/ jsx(StrikeThroughIcon, {})
80
106
  }),
81
- /*#__PURE__*/ jsx("div", {
82
- className: "wysiwyg-editor__toolbar-divider"
83
- }),
84
107
  /*#__PURE__*/ jsx("button", {
85
108
  type: "button",
86
109
  className: "wysiwyg-editor__toolbar-btn",
@@ -104,7 +127,8 @@ var WYSIWYGEditor = function(param) {
104
127
  className: "wysiwyg-editor__toolbar-btn",
105
128
  title: "Paragraph",
106
129
  onClick: function() {
107
- return execCommand('formatBlock', 'P');
130
+ execCommand('formatBlock', 'P');
131
+ execCommand('removeFormat');
108
132
  },
109
133
  children: /*#__PURE__*/ jsx(ParagraphIcon, {})
110
134
  }),
@@ -117,9 +141,6 @@ var WYSIWYGEditor = function(param) {
117
141
  },
118
142
  children: /*#__PURE__*/ jsx(QuoteAltIcon, {})
119
143
  }),
120
- /*#__PURE__*/ jsx("div", {
121
- className: "wysiwyg-editor__toolbar-divider"
122
- }),
123
144
  /*#__PURE__*/ jsx("button", {
124
145
  type: "button",
125
146
  className: "wysiwyg-editor__toolbar-btn",
@@ -138,15 +159,6 @@ var WYSIWYGEditor = function(param) {
138
159
  },
139
160
  children: /*#__PURE__*/ jsx(NumberedListIcon, {})
140
161
  }),
141
- /*#__PURE__*/ jsx("button", {
142
- type: "button",
143
- className: "wysiwyg-editor__toolbar-btn",
144
- title: "Task List",
145
- onClick: function() {
146
- return execCommand('insertUnorderedList');
147
- },
148
- children: /*#__PURE__*/ jsx(TaskListIcon, {})
149
- }),
150
162
  /*#__PURE__*/ jsx("button", {
151
163
  type: "button",
152
164
  className: "wysiwyg-editor__toolbar-btn",
@@ -156,15 +168,15 @@ var WYSIWYGEditor = function(param) {
156
168
  },
157
169
  children: /*#__PURE__*/ jsx(DividerIcon, {})
158
170
  }),
159
- /*#__PURE__*/ jsx("div", {
160
- className: "wysiwyg-editor__toolbar-divider"
161
- }),
162
171
  /*#__PURE__*/ jsx("button", {
163
172
  type: "button",
164
173
  className: "wysiwyg-editor__toolbar-btn",
165
174
  title: "Undo",
166
175
  onClick: function() {
167
- return execCommand('undo');
176
+ if (document.queryCommandEnabled('undo')) {
177
+ document.execCommand('undo', false);
178
+ handleInput();
179
+ }
168
180
  },
169
181
  children: /*#__PURE__*/ jsx(UndoIcon, {})
170
182
  }),
@@ -173,27 +185,12 @@ var WYSIWYGEditor = function(param) {
173
185
  className: "wysiwyg-editor__toolbar-btn",
174
186
  title: "Redo",
175
187
  onClick: function() {
176
- return execCommand('redo');
188
+ if (document.queryCommandEnabled('redo')) {
189
+ document.execCommand('redo', false);
190
+ handleInput();
191
+ }
177
192
  },
178
193
  children: /*#__PURE__*/ jsx(RedoIcon, {})
179
- }),
180
- /*#__PURE__*/ jsx("button", {
181
- type: "button",
182
- className: "wysiwyg-editor__toolbar-btn",
183
- title: "Redo Alt",
184
- onClick: function() {
185
- return execCommand('redo');
186
- },
187
- children: /*#__PURE__*/ jsx(RedoAltIcon, {})
188
- }),
189
- /*#__PURE__*/ jsx("button", {
190
- type: "button",
191
- className: "wysiwyg-editor__toolbar-btn",
192
- title: "Clear",
193
- onClick: function() {
194
- return execCommand('removeFormat');
195
- },
196
- children: /*#__PURE__*/ jsx(ClearFormattingIcon, {})
197
194
  })
198
195
  ]
199
196
  }),
package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ":root{--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--purple-regular);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}:root{--radius-zero:0px;--radius-xs:1px;--radius-sm:2px;--radius-md:4px;--radius-reg:8px;--radius-lg:16px;--radius-xl:24px;--spacing-zero:0px;--spacing-xxs:1px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-reg:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-super:128px;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--color-success-fill:#2d6b18;--color-success-background:#eef9ea;--color-success-border:#c9ecbd;--color-error-fill:#cc3c35;--color-error-background:#fceceb;--color-error-border:#f5c4c2;--color-alert-fill:#fd7e14;--color-alert-background:#fcf6e7;--color-alert-border:#f6e3b4;--color-info-fill:#0e8ce2;--color-info-background:#e7f4fc;--color-info-border:#b4dbf6;--surfaces-status-background-success:var(--color-success-background);--surfaces-status-background-error:var(--color-error-background);--surfaces-status-background-alert:var(--color-alert-background);--surfaces-status-background-info:var(--color-info-background);--borders-status-border-success:var(--color-success-border);--borders-status-border-error:var(--color-error-border);--borders-status-border-alert:var(--color-alert-border);--borders-status-border-info:var(--color-info-border);--fills-status-fill-success:var(--color-success-fill);--fills-status-fill-error:var(--color-error-fill);--fills-status-fill-alert:var(--color-alert-fill);--fills-status-fill-info:var(--color-info-fill);--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.waiver-template-form-section{gap:var(--padding-reg,16px)}.waiver-template-form-group,.waiver-template-form-section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.waiver-template-form-group{gap:var(--padding-lg,24px)}.wysiwyg-editor{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-reg);width:100%}.wysiwyg-editor__label{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:13px;font-style:normal;font-weight:500;line-height:16px;margin:0}.wysiwyg-editor__required{color:var(--label-status-error,#ef4444)}.wysiwyg-editor__wrapper{background-color:var(--surface-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease}.wysiwyg-editor__wrapper:focus-within{border-color:var(--border-selected,#6200ee)}.wysiwyg-editor__wrapper--error{border-color:var(--label-status-error,#ef4444)}.wysiwyg-editor__toolbar{align-items:flex-start;align-self:stretch;background:var(--surface-tertiary);border-left:2px solid var(--border-primary);border-radius:var(--radius-md) var(--radius-zero);border-right:2px solid var(--border-primary);border-top:2px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:2px;padding:4px 8px}.wysiwyg-editor__toolbar-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--label-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease}.wysiwyg-editor__toolbar-btn svg{flex-shrink:0;height:24px;width:24px}.wysiwyg-editor__toolbar-btn:hover{background-color:var(--surface-secondary,#f8f8fa);color:var(--label-primary,#121e52)}.wysiwyg-editor__toolbar-btn--active{background-color:var(--surface-action-soft,#efeffe);color:var(--label-action,#5d5bf4)}.wysiwyg-editor__toolbar-divider{background-color:var(--border-primary,#e8e9ef);height:18px;margin:0 4px;width:1px}.wysiwyg-editor__content{background-color:var(--surface-secondary,#f8f8fa);color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-sm-size,13px);line-height:1.5;min-height:200px;outline:none;overflow-y:auto;padding:12px;text-align:left}.wysiwyg-editor__content--disabled{background-color:var(--surface-status-disabled,#f8f8fa);cursor:not-allowed;opacity:.6}.wysiwyg-editor__content:empty:before{color:var(--label-secondary,#626a90);content:attr(data-placeholder);pointer-events:none}.wysiwyg-editor__content blockquote,.wysiwyg-editor__content h1,.wysiwyg-editor__content h2,.wysiwyg-editor__content hr,.wysiwyg-editor__content ol,.wysiwyg-editor__content p,.wysiwyg-editor__content ul{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-sm-size,13px);line-height:1.5;overflow-y:auto;text-align:left}.wysiwyg-editor__content blockquote:first-child,.wysiwyg-editor__content h1:first-child,.wysiwyg-editor__content h2:first-child,.wysiwyg-editor__content hr:first-child,.wysiwyg-editor__content ol:first-child,.wysiwyg-editor__content p:first-child,.wysiwyg-editor__content ul:first-child{margin-top:0}.wysiwyg-editor__content h1{font-size:22px}.wysiwyg-editor__content h2{font-size:20px}.wysiwyg-editor__content h3{font-size:18px}.wysiwyg-editor__content h4{font-size:16px}.wysiwyg-editor__content h5{font-size:14px}.wysiwyg-editor__content h6{font-size:13px}.wysiwyg-editor__content p{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-sm-size,13px);line-height:1.5;margin:8px 0}.wysiwyg-editor__content p:first-child{margin-top:0}.wysiwyg-editor__content p:last-child{margin-bottom:0}.wysiwyg-editor__content ol,.wysiwyg-editor__content ul{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-sm-size,13px);line-height:1.5;margin:8px 0;padding-left:24px}.wysiwyg-editor__content ol:first-child,.wysiwyg-editor__content ul:first-child{margin-top:0}.wysiwyg-editor__content ol:last-child,.wysiwyg-editor__content ul:last-child{margin-bottom:0}.wysiwyg-editor__content li{color:var(--label-primary,#121e52);margin:4px 0}.wysiwyg-editor__content blockquote,.wysiwyg-editor__content li{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-sm-size,13px);line-height:1.5}.wysiwyg-editor__content blockquote{background-color:var(--surface-tertiary,#efefef);border-left:4px solid var(--border-selected,#121e52);color:var(--label-secondary,#626a90);font-style:italic;margin:12px 0;padding:8px 16px}.wysiwyg-editor__content blockquote:first-child{margin-top:0}.wysiwyg-editor__content blockquote:last-child{margin-bottom:0}.wysiwyg-editor__content hr{border:none;border-top:2px solid var(--border-primary,#e8e9ef);height:0;margin:16px 0}.wysiwyg-editor__content hr:first-child{margin-top:0}.wysiwyg-editor__content hr:last-child{margin-bottom:0}.wysiwyg-editor__content b,.wysiwyg-editor__content strong{color:var(--label-primary,#121e52);font-weight:600}.wysiwyg-editor__content em,.wysiwyg-editor__content i{font-style:italic}.wysiwyg-editor__content u{text-decoration:underline}.wysiwyg-editor__content s,.wysiwyg-editor__content strike{text-decoration:line-through}.wysiwyg-editor__content code{background-color:var(--surface-tertiary,#efefef);border-radius:3px;color:var(--label-primary,#121e52);font-family:Monaco,Courier New,monospace;font-size:12px;padding:2px 4px}.wysiwyg-editor__content pre{background-color:var(--surface-tertiary,#efefef);border-radius:var(--radius-sm,4px);margin:12px 0;overflow-x:auto;padding:12px}.wysiwyg-editor__content pre code{background-color:initial;padding:0}.wysiwyg-editor__content a{color:var(--label-action,#5d5bf4);cursor:pointer;text-decoration:underline}.wysiwyg-editor__content a:hover{color:var(--label-action-hover,#4a48d1)}.wysiwyg-editor__placeholder{color:var(--label-secondary,#626a90)}.wysiwyg-editor__help-text{color:var(--label-secondary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:13px;font-style:normal;font-weight:400;line-height:16px;margin-top:-5px}.wysiwyg-editor__error-text{color:var(--label-status-error,#ef4444);font-size:var(--text-xs-size,11px);margin-top:2px}";
3
+ var css_248z = ":root{--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}:root{--radius-zero:0px;--radius-xs:1px;--radius-sm:2px;--radius-md:4px;--radius-reg:8px;--radius-lg:16px;--radius-xl:24px;--spacing-zero:0px;--spacing-xxs:1px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-reg:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-super:128px;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--color-success-fill:#2d6b18;--color-success-background:#eef9ea;--color-success-border:#c9ecbd;--color-error-fill:#cc3c35;--color-error-background:#fceceb;--color-error-border:#f5c4c2;--color-alert-fill:#fd7e14;--color-alert-background:#fcf6e7;--color-alert-border:#f6e3b4;--color-info-fill:#0e8ce2;--color-info-background:#e7f4fc;--color-info-border:#b4dbf6;--surfaces-status-background-success:var(--color-success-background);--surfaces-status-background-error:var(--color-error-background);--surfaces-status-background-alert:var(--color-alert-background);--surfaces-status-background-info:var(--color-info-background);--borders-status-border-success:var(--color-success-border);--borders-status-border-error:var(--color-error-border);--borders-status-border-alert:var(--color-alert-border);--borders-status-border-info:var(--color-info-border);--fills-status-fill-success:var(--color-success-fill);--fills-status-fill-error:var(--color-error-fill);--fills-status-fill-alert:var(--color-alert-fill);--fills-status-fill-info:var(--color-info-fill);--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.waiver-template-form-section{gap:var(--padding-reg,16px)}.waiver-template-form-group,.waiver-template-form-section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.waiver-template-form-group{gap:var(--padding-lg,24px)}.wysiwyg-editor{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-reg);width:100%}.wysiwyg-editor__label{color:var(--label-primary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-style:normal;font-weight:600;line-height:20px;margin:0}.wysiwyg-editor__required{color:var(--label-status-error,#ef4444)}.wysiwyg-editor__wrapper{background-color:var(--surface-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease}.wysiwyg-editor__wrapper:focus-within{border-color:var(--border-selected,#6200ee)}.wysiwyg-editor__wrapper--error{border-color:var(--borders-status-border-error,#ef4444)}.wysiwyg-editor__toolbar{align-items:center;align-self:stretch;background:var(--surface-tertiary);border-bottom:2px solid var(--border-primary);border-radius:2px 2px 0 0;display:flex;flex-wrap:wrap;gap:0;padding:0 4px}.wysiwyg-editor__toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--label-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.wysiwyg-editor__toolbar-btn svg{flex-shrink:0;height:24px;width:24px}.wysiwyg-editor__toolbar-btn[title=\"Heading 1\"] svg,.wysiwyg-editor__toolbar-btn[title=\"Heading 2\"] svg{transform:scale(.8)}.wysiwyg-editor__toolbar-btn:hover{background-color:var(--surface-secondary);color:var(--label-primary)}.wysiwyg-editor__toolbar-btn--active{background-color:var(--surface-action-soft,#efeffe);color:var(--label-action,#5d5bf4)}.wysiwyg-editor__toolbar-divider{background-color:var(--border-primary,#e8e9ef);display:block;height:18px;margin:0 8px;width:1px}.wysiwyg-editor__content{background-color:var(--surface-secondary,#f8f8fa);color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:200px;outline:none;overflow-y:auto;padding:12px;text-align:left}@media (max-width:768px){.wysiwyg-editor__content{font-size:16px}}.wysiwyg-editor__content--disabled{background-color:var(--surface-status-disabled,#f8f8fa);cursor:not-allowed;opacity:.6}.wysiwyg-editor__content:empty:before{color:var(--label-secondary,#626a90);content:attr(data-placeholder);pointer-events:none}.wysiwyg-editor__content blockquote,.wysiwyg-editor__content h1,.wysiwyg-editor__content h2,.wysiwyg-editor__content hr,.wysiwyg-editor__content ol,.wysiwyg-editor__content p,.wysiwyg-editor__content ul{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);overflow-y:auto;text-align:left}@media (max-width:768px){.wysiwyg-editor__content blockquote,.wysiwyg-editor__content h1,.wysiwyg-editor__content h2,.wysiwyg-editor__content hr,.wysiwyg-editor__content ol,.wysiwyg-editor__content p,.wysiwyg-editor__content ul{font-size:16px}}.wysiwyg-editor__content blockquote:first-child,.wysiwyg-editor__content h1:first-child,.wysiwyg-editor__content h2:first-child,.wysiwyg-editor__content hr:first-child,.wysiwyg-editor__content ol:first-child,.wysiwyg-editor__content p:first-child,.wysiwyg-editor__content ul:first-child{margin-top:0}.wysiwyg-editor__content h1{font-size:22px}.wysiwyg-editor__content h2{font-size:20px}.wysiwyg-editor__content h3{font-size:18px}.wysiwyg-editor__content h4{font-size:16px}.wysiwyg-editor__content h5{font-size:14px}.wysiwyg-editor__content h6{font-size:13px}.wysiwyg-editor__content p{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);margin:8px 0}.wysiwyg-editor__content p:first-child{margin-top:0}.wysiwyg-editor__content p:last-child{margin-bottom:0}.wysiwyg-editor__content ol,.wysiwyg-editor__content ul{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);margin:8px 0;padding-left:24px}.wysiwyg-editor__content ol:first-child,.wysiwyg-editor__content ul:first-child{margin-top:0}.wysiwyg-editor__content ol:last-child,.wysiwyg-editor__content ul:last-child{margin-bottom:0}.wysiwyg-editor__content li{color:var(--label-primary,#121e52);margin:4px 0}.wysiwyg-editor__content blockquote,.wysiwyg-editor__content li{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}.wysiwyg-editor__content blockquote{background-color:var(--surface-tertiary,#efefef);border-left:4px solid var(--border-selected,#121e52);color:var(--label-secondary,#626a90);font-style:italic;margin:12px 0;padding:8px 16px}.wysiwyg-editor__content blockquote:first-child{margin-top:0}.wysiwyg-editor__content blockquote:last-child{margin-bottom:0}.wysiwyg-editor__content hr{border:none;border-top:2px solid var(--border-primary,#e8e9ef);box-sizing:initial;display:block;height:0;margin:16px 0;opacity:1;visibility:visible}.wysiwyg-editor__content hr:first-child{margin-top:0}.wysiwyg-editor__content hr:last-child{margin-bottom:0}.wysiwyg-editor__content b,.wysiwyg-editor__content strong{color:var(--label-primary,#121e52);font-weight:600}.wysiwyg-editor__content em,.wysiwyg-editor__content i{font-style:italic}.wysiwyg-editor__content u{text-decoration:underline}.wysiwyg-editor__content s,.wysiwyg-editor__content strike{text-decoration:line-through}.wysiwyg-editor__content code{background-color:var(--surface-tertiary,#efefef);border-radius:3px;color:var(--label-primary,#121e52);font-family:Monaco,Courier New,monospace;font-size:12px;padding:2px 4px}.wysiwyg-editor__content pre{background-color:var(--surface-tertiary,#efefef);border-radius:var(--radius-sm,4px);margin:12px 0;overflow-x:auto;padding:12px}.wysiwyg-editor__content pre code{background-color:initial;padding:0}.wysiwyg-editor__content a{color:var(--label-action,#5d5bf4);cursor:pointer;text-decoration:underline}.wysiwyg-editor__content a:hover{color:var(--label-action-hover,#4a48d1)}.wysiwyg-editor__placeholder{color:var(--label-secondary,#626a90)}.wysiwyg-editor__help-text{color:var(--label-secondary);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:-5px}.wysiwyg-editor__error-text{color:var(--label-status-error,#ef4444);font-size:var(--text-xs-size,11px);margin-top:2px}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/styles/components/Button.scss CHANGED
@@ -20,16 +20,16 @@
20
20
 
21
21
  // Primary Button - Solid purple
22
22
  &--primary {
23
- background: #5d5bf4;
23
+ background: #6200EE;
24
24
  color: #ffffff;
25
25
 
26
26
  &:hover {
27
- background: #4241ad;
27
+ background: #360083;
28
28
  }
29
29
 
30
30
  &:active,
31
31
  &:focus {
32
- background: #333286;
32
+ background: #360083;
33
33
  }
34
34
  }
35
35
 
package/dist/v2/styles/form/NewInput.scss CHANGED
@@ -9,19 +9,19 @@
9
9
  width: 100%;
10
10
 
11
11
  &__label {
12
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
13
- font-size: 13px;
12
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
13
+ font-size: 15px;
14
14
  font-style: normal;
15
- font-weight: 500;
16
- line-height: 16px; /* 123.077% */
15
+ font-weight: 600;
16
+ line-height: 20px;
17
17
  color: var(--label-primary, #121E52);
18
18
 
19
19
  }
20
20
 
21
21
  &__label-optional {
22
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
22
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
23
23
  font-size: var(--text-xs-size, 11px);
24
- font-weight: var(--heading-h6-weight, 500);
24
+ font-weight: 400;
25
25
  line-height: var(--text-xs-line, 14px);
26
26
  color: var(--labels-main-label-secondary, #626a90);
27
27
  text-align: right;
@@ -36,9 +36,9 @@
36
36
  }
37
37
 
38
38
  &__input {
39
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
40
- font-size: var(--text-sm-size, 13px);
41
- line-height: var(--text-sm-line, 16px);
39
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
40
+ font-size: var(--text-regular-size, 15px);
41
+ line-height: var(--text-regular-line, 20px);
42
42
  flex: 1 0 0;
43
43
  background-color: var(--surfaces-main-background-secondary);
44
44
  border: 2px solid var(--border-primary);
@@ -49,6 +49,10 @@
49
49
  width: 100%;
50
50
  transition: all 0.2s ease;
51
51
 
52
+ @media (max-width: 768px) {
53
+ font-size: 16px;
54
+ }
55
+
52
56
  &:focus {
53
57
  outline: none;
54
58
  border-color: var(--border-selected, #6200EE);
@@ -61,9 +65,9 @@
61
65
  }
62
66
 
63
67
  &__textarea {
64
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
65
- font-size: var(--text-sm-size, 13px);
66
- line-height: var(--text-sm-line, 16px);
68
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
69
+ font-size: var(--text-regular-size, 15px);
70
+ line-height: var(--text-regular-line, 20px);
67
71
  color: var(--labels-main-label-primary, #121e52);
68
72
  background-color: var(--surfaces-main-background-secondary, #f8f8fa);
69
73
  border: 1px solid var(--borders-main-border-primary, #e8e9ef);
@@ -74,6 +78,10 @@
74
78
  resize: vertical;
75
79
  transition: all 0.2s ease;
76
80
 
81
+ @media (max-width: 768px) {
82
+ font-size: 16px;
83
+ }
84
+
77
85
  &:focus {
78
86
  outline: none;
79
87
  border-color: var(--border-selected, #6200EE);
@@ -98,10 +106,14 @@
98
106
  flex: 1;
99
107
  border: none;
100
108
  background: transparent;
101
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
102
- font-size: var(--text-sm-size, 13px);
103
- line-height: var(--text-sm-line, 16px);
104
- color: var(--labels-main-label-primary, #121e52);
109
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
110
+ font-size: var(--text-regular-size, 15px);
111
+ line-height: var(--text-regular-line, 20px);
112
+ color: var(--label-primary);
113
+
114
+ @media (max-width: 768px) {
115
+ font-size: 16px;
116
+ }
105
117
 
106
118
  &:focus {
107
119
  outline: none;
@@ -130,7 +142,7 @@
130
142
  border: 2px solid var(--borders-main-border-primary, #e8e9ef);
131
143
  border-radius: var(--radius-md, 4px);
132
144
  text-align: center;
133
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
145
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
134
146
  font-size: var(--text-lg-size, 18px);
135
147
  font-weight: var(--heading-h3-weight, 600);
136
148
  color: var(--labels-main-label-primary, #121e52);
@@ -144,17 +156,17 @@
144
156
  }
145
157
 
146
158
  &__helper-text {
147
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
148
- font-size: 13px;
159
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
160
+ font-size: var(--text-regular-size, 15px);
149
161
  font-style: normal;
150
162
  font-weight: 400;
151
- line-height: 16px;
163
+ line-height: var(--text-regular-line, 20px);
152
164
  margin-top: 2px;
153
165
  color: var(--label-secondary, #626A90);
154
166
  }
155
167
 
156
168
  &__error-text {
157
- font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
169
+ font-family: var(--font-family-sans, 'Geist', sans-serif);
158
170
  font-size: 11px;
159
171
  font-style: normal;
160
172
  font-weight: 400;
package/dist/v2/styles/form/NewInput.scss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{color:var(--label-primary,#121e52);font-size:13px;font-style:normal;font-weight:500;line-height:16px}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif),serif}.new-form-input__label-optional{color:var(--labels-main-label-secondary,#626a90);font-size:var(--text-xs-size,11px);font-weight:var(--heading-h6-weight,500);line-height:var(--text-xs-line,14px);text-align:right}.new-form-input__label-row{align-items:center;display:flex;gap:var(--spacing-reg,16px);justify-content:space-between;width:100%}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);flex:1 0 0;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-sm-size,13px);line-height:var(--text-sm-line,16px);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-sm-size,13px);line-height:var(--text-sm-line,16px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:40px;padding:5px}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-sm-size,13px);line-height:var(--text-sm-line,16px)}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon .icon{flex-shrink:0;height:22px;width:22px}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-size:13px;line-height:16px}.new-form-input__error-text,.new-form-input__helper-text{font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;font-style:normal;font-weight:400;margin-top:2px}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-size:11px;line-height:14px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}";
3
+ var css_248z = ".new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-style:normal;font-weight:600;line-height:20px}.new-form-input__label-optional{color:var(--labels-main-label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-xs-size,11px);font-weight:400;line-height:var(--text-xs-line,14px);text-align:right}.new-form-input__label-row{align-items:center;display:flex;gap:var(--spacing-reg,16px);justify-content:space-between;width:100%}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);flex:1 0 0;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:40px;padding:5px}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon .icon{flex-shrink:0;height:22px;width:22px}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}.new-form-input__error-text,.new-form-input__helper-text{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal;font-weight:400;margin-top:2px}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-size:11px;line-height:14px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/dist/v2/styles/tokens/_colors.scss CHANGED
@@ -387,7 +387,7 @@
387
387
  /* Borders */
388
388
  --border-primary: var(--tone-light);
389
389
  --border-secondary: var(--tone-regular);
390
- --border-selected: var(--purple-regular);
390
+ --border-selected: var(--neutral-600);
391
391
  --border-action: var(--actions-regular);
392
392
  --border-status-error: var(--errors-lighter);
393
393
  --border-status-success: var(--success-lighter);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.43",
3
+ "version": "0.78.5-dev.45",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
42
42
  ]
43
43
  },
44
44
  "peerDependencies": {
45
- "@licklist/core": "0.36.1-dev.10",
45
+ "@licklist/core": "0.36.1-dev.12",
46
46
  "@licklist/eslint-config": "0.5.6",
47
47
  "@licklist/plugins": "0.36.4-dev.13",
48
48
  "clsx": "2.1.1",
@@ -64,7 +64,7 @@
64
64
  "@dnd-kit/utilities": "2.0.0",
65
65
  "@fortawesome/fontawesome-svg-core": "1.2.34",
66
66
  "@fortawesome/free-solid-svg-icons": "5.15.2",
67
- "@licklist/core": "0.36.1-dev.10",
67
+ "@licklist/core": "0.36.1-dev.12",
68
68
  "@licklist/eslint-config": "0.5.6",
69
69
  "@licklist/plugins": "0.36.4-dev.13",
70
70
  "@mantine/core": "6.0.22",
package/src/v2/components/Checkbox/Checkbox.scss CHANGED
@@ -55,7 +55,13 @@
55
55
  .checkbox__xmark {
56
56
  opacity: 1;
57
57
  visibility: visible;
58
- transform: translateX(0); // X mark slides to right (natural position)
58
+ top: 50%;
59
+ position: absolute;
60
+ right: 4px;
61
+ transform: translateY(-50%);
62
+ display: flex;
63
+ align-items: center;
64
+ justify-content: center;
59
65
  }
60
66
 
61
67
  .checkbox__checked-group {
@@ -70,13 +76,12 @@
70
76
  align-items: center;
71
77
  justify-content: flex-end; // Positions X mark to the right
72
78
  width: 58px;
73
- height: auto;
79
+ height: 34px; // Set explicit height to help with vertical centering
74
80
  min-width: 58px;
75
81
  padding: 4px;
76
- background: transparent;
82
+ background: var(--surface-secondary, #F8F8FA);
77
83
  border: 1px solid var(--border-primary, #E8E9EF);
78
84
  border-radius: var(--padding-xl, 32px);
79
- transition: background 0.3s ease, border 0.3s ease;
80
85
  flex-shrink: 0;
81
86
  }
82
87
 
@@ -85,8 +90,6 @@
85
90
  height: 24px;
86
91
  opacity: 0; // Hidden by default (blank state)
87
92
  visibility: hidden;
88
- transition: all 0.3s ease;
89
- transform: translateX(-20px); // Start from left when hidden
90
93
 
91
94
  svg {
92
95
  width: 100%;
@@ -97,17 +100,24 @@
97
100
  &__checked-group {
98
101
  position: absolute;
99
102
  left: 4px;
103
+ top: 50%;
104
+ transform: translateY(-50%);
100
105
  width: 24px;
101
106
  height: 24px;
102
107
  opacity: 0;
103
108
  visibility: hidden;
104
- transition: all 0.3s ease;
109
+ display: flex;
110
+ align-items: center;
111
+ justify-content: center;
105
112
  }
106
113
 
107
114
  &__circle {
108
115
  position: relative;
109
116
  width: 24px;
110
117
  height: 24px;
118
+ display: flex;
119
+ align-items: center;
120
+ justify-content: center;
111
121
 
112
122
  svg {
113
123
  width: 100%;
@@ -122,6 +132,9 @@
122
132
  transform: translate(-50%, -50%);
123
133
  width: 24px;
124
134
  height: 24px;
135
+ display: flex;
136
+ align-items: center;
137
+ justify-content: center;
125
138
 
126
139
  svg {
127
140
  width: 100%;
@@ -139,19 +152,19 @@
139
152
  &__label {
140
153
  font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
141
154
  color: var(--label-primary);
142
- font-size: 13px;
155
+ font-size: 15px;
143
156
  font-style: normal;
144
- font-weight: 500;
145
- line-height: 16px;
157
+ font-weight: 600;
158
+ line-height: 20px;
146
159
  }
147
160
 
148
161
  &__description {
149
162
  color: var(--label-secondary);
150
163
  font-family: var(--font-family-sans, 'Geist', sans-serif), serif;
151
- font-size: 13px;
164
+ font-size: var(--text-regular-size, 15px);
152
165
  font-style: normal;
153
166
  font-weight: 400;
154
- line-height: 16px;
167
+ line-height: var(--text-regular-line, 20px);
155
168
  }
156
169
 
157
170
  &__error-text {
@@ -166,8 +179,10 @@
166
179
  border-color: var(--border-primary-hover, #d1d3de);
167
180
  }
168
181
 
169
- // Pristine state - blank checkbox on load (no icons)
170
182
  &--pristine {
183
+ .checkbox__toggle {
184
+ background: var(--surface-secondary, #F8F8FA);
185
+ }
171
186
  .checkbox__xmark,
172
187
  .checkbox__checked-group {
173
188
  opacity: 0 !important;
package/src/v2/components/FormField/FormField.scss CHANGED
@@ -9,9 +9,9 @@
9
9
 
10
10
  &__label {
11
11
  font-family: var(--font-family-sans, 'Geist', sans-serif);
12
- font-size: var(--text-sm-size, 13px);
13
- font-weight: var(--heading-h5-weight, 500);
14
- line-height: var(--text-sm-line, 16px);
12
+ font-size: 15px;
13
+ font-weight: 600;
14
+ line-height: 20px;
15
15
  color: var(--label-primary, #121e52);
16
16
  margin: 0;
17
17
  display: flex;
@@ -33,8 +33,8 @@
33
33
  padding: 8px 10px;
34
34
  height: 40px;
35
35
  font-family: var(--font-family-sans, 'Geist', sans-serif);
36
- font-size: var(--text-sm-size, 13px);
37
- line-height: var(--text-sm-line, 16px);
36
+ font-size: var(--text-regular-size, 15px);
37
+ line-height: var(--text-regular-line, 20px);
38
38
  color: var(--label-primary, #121e52);
39
39
  background-color: var(--surface-secondary, #f8f8fa);
40
40
  border: 2px solid var(--border-primary, #e8e9ef);
@@ -57,10 +57,10 @@
57
57
  }
58
58
 
59
59
  &--error {
60
- border-color: var(--label-status-error, #ef4444);
60
+ border-color: var(--borders-status-border-error, #ef4444);
61
61
 
62
62
  &:focus {
63
- border-color: var(--label-status-error, #ef4444);
63
+ border-color: var(--borders-status-border-error, #ef4444);
64
64
  }
65
65
  }
66
66
 
@@ -73,8 +73,8 @@
73
73
  }
74
74
 
75
75
  &__help-text {
76
- font-size: var(--text-xs-size, 11px);
77
- line-height: var(--text-xs-line, 14px);
76
+ font-size: var(--text-regular-size, 15px);
77
+ line-height: var(--text-regular-line, 20px);
78
78
  color: var(--label-secondary, #626a90);
79
79
  }
80
80