@aquera/nile-elements 0.0.3-2 → 0.0.3-4

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 (50) hide show
  1. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-input/nile-input.css.js +14 -8
  2. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-input/nile-input.css.js.map +1 -1
  3. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-option/nile-option.d.ts +2 -0
  4. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-option/nile-option.js +23 -9
  5. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-option/nile-option.js.map +1 -1
  6. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-select/nile-select.css.js +17 -4
  7. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-select/nile-select.css.js.map +1 -1
  8. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-select/nile-select.d.ts +6 -0
  9. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-select/nile-select.js +40 -19
  10. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-select/nile-select.js.map +1 -1
  11. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-textarea/nile-textarea.css.js +7 -8
  12. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-textarea/nile-textarea.css.js.map +1 -1
  13. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
  14. package/dist/index.iife.js +72 -56
  15. package/dist/nile-input/nile-input.css.cjs.js +1 -1
  16. package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
  17. package/dist/nile-input/nile-input.css.esm.js +14 -8
  18. package/dist/nile-option/index.cjs.js +1 -1
  19. package/dist/nile-option/index.esm.js +1 -1
  20. package/dist/nile-option/nile-option.cjs.js +1 -1
  21. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  22. package/dist/nile-option/nile-option.esm.js +6 -10
  23. package/dist/nile-select/nile-select.cjs.js +1 -1
  24. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  25. package/dist/nile-select/nile-select.css.cjs.js +1 -1
  26. package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
  27. package/dist/nile-select/nile-select.css.esm.js +17 -4
  28. package/dist/nile-select/nile-select.esm.js +21 -19
  29. package/dist/nile-textarea/nile-textarea.css.cjs.js +1 -1
  30. package/dist/nile-textarea/nile-textarea.css.cjs.js.map +1 -1
  31. package/dist/nile-textarea/nile-textarea.css.esm.js +7 -8
  32. package/dist/src/nile-input/nile-input.css.js +14 -8
  33. package/dist/src/nile-input/nile-input.css.js.map +1 -1
  34. package/dist/src/nile-option/nile-option.d.ts +2 -0
  35. package/dist/src/nile-option/nile-option.js +23 -9
  36. package/dist/src/nile-option/nile-option.js.map +1 -1
  37. package/dist/src/nile-select/nile-select.css.js +17 -4
  38. package/dist/src/nile-select/nile-select.css.js.map +1 -1
  39. package/dist/src/nile-select/nile-select.d.ts +6 -0
  40. package/dist/src/nile-select/nile-select.js +40 -19
  41. package/dist/src/nile-select/nile-select.js.map +1 -1
  42. package/dist/src/nile-textarea/nile-textarea.css.js +7 -8
  43. package/dist/src/nile-textarea/nile-textarea.css.js.map +1 -1
  44. package/dist/tsconfig.tsbuildinfo +1 -1
  45. package/package.json +1 -1
  46. package/src/nile-input/nile-input.css.ts +14 -8
  47. package/src/nile-option/nile-option.ts +22 -9
  48. package/src/nile-select/nile-select.css.ts +17 -4
  49. package/src/nile-select/nile-select.ts +39 -29
  50. package/src/nile-textarea/nile-textarea.css.ts +7 -8
@@ -37,7 +37,7 @@ export const styles = css `
37
37
  :host([required]) .form-control--has-label .form-control__label::after {
38
38
  content: '*';
39
39
  margin-inline-start: -2px;
40
- color: red;
40
+ color: #A4121C;
41
41
  }
42
42
 
43
43
  /* Help text */
@@ -73,9 +73,6 @@ export const styles = css `
73
73
  align-items: center;
74
74
  position: relative;
75
75
  width: 100%;
76
- font-family: Arial, sans-serif;
77
- font-weight: 400;
78
- line-height: 1.5;
79
76
  letter-spacing: 0.5px;
80
77
  vertical-align: middle;
81
78
  border-radius: var(--nile-radius-base-standard);
@@ -143,10 +140,12 @@ export const styles = css `
143
140
  /* Textarea control styles */
144
141
  .textarea__control {
145
142
  flex: 1 1 auto;
146
- font-family: inherit;
147
- font-size: inherit;
148
- font-weight: inherit;
149
- line-height: 1.4;
143
+ font-family: Colfax-regular;
144
+ font-size: 14px;
145
+ font-style: normal;
146
+ font-weight: 400;
147
+ line-height: 14px; /* 100% */
148
+ letter-spacing: 0.2px;
150
149
  color: var(--nile-colors-dark-900);
151
150
  border: none;
152
151
  background: none;
@@ -1 +1 @@
1
- {"version":3,"file":"nile-textarea.css.js","sourceRoot":"","sources":["../../../src/nile-textarea/nile-textarea.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * TextArea CSS\n */\nexport const styles = css`\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-font-size-base);\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: red;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500);\n margin-top: 6px;\n }\n\n /* Error message */\n .form-control__error-message {\n display: block;\n color: var(--nile-colors-red-700);\n margin-top: 12px;\n font-size: 12px;\n font-style: normal;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 10.24px;\n }\n\n /* Host styles */\n :host {\n display: block;\n }\n\n /* Textarea styles */\n .textarea {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n font-family: Arial, sans-serif;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: 0.5px;\n vertical-align: middle;\n border-radius: var(--nile-radius-base-standard);\n transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n cursor: text;\n }\n\n /* Standard textareas */\n .textarea--standard {\n background-color: var(\n --nile-colors-white-base\n );\n border: solid 1px var(--nile-colors-neutral-500);\n }\n\n .textarea--standard:hover:not(.textarea--disabled) {\n background-color: var(\n --nile-colors-white-base\n );\n border-color: var(\n --nile-colors-dark-900\n );\n border-radius: var(--nile-radius-base-standard);\n }\n\n .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n border-color: var(--nile-colors-dark-900);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled) {\n background-color: var(\n --nile-colors-white-base\n );\n border-color: var(\n --nile-colors-primary-600\n );\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled)\n .textarea__control {\n color: #000000;\n }\n\n .textarea--standard.textarea--disabled {\n border-color: var(\n --nile-colors-neutral-500\n );\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .textarea--standard.textarea--disabled .textarea__control {\n color: var(\n --nile-colors-neutral-500\n );\n }\n\n .textarea--standard.textarea--disabled .textarea__control::placeholder {\n color: var(\n --nile-colors-neutral-500\n );\n }\n\n /* Textarea control styles */\n .textarea__control {\n flex: 1 1 auto;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1.4;\n color: var(--nile-colors-dark-900);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n }\n\n .textarea__control::-webkit-search-decoration,\n .textarea__control::-webkit-search-cancel-button,\n .textarea__control::-webkit-search-results-button,\n .textarea__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n .textarea__control::placeholder {\n color: var(\n --nile-colors-dark-500\n );\n user-select: none;\n }\n\n .textarea__control:focus {\n outline: none;\n }\n\n .textarea--medium .textarea__control {\n padding: 0.5em 10px;\n }\n\n /* Resize types */\n .textarea--resize-none .textarea__control {\n resize: none;\n }\n\n .textarea--resize-vertical .textarea__control {\n resize: vertical;\n }\n\n .textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n overflow-y: hidden;\n }\n\n .textarea--standard.textarea--warning {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .textarea--standard.textarea--error {\n border-color: var(--nile-colors-red-500);\n }\n\n .textarea--standard.textarea--success {\n border-color: var(--nile-colors-green-500);\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-textarea.css.js","sourceRoot":"","sources":["../../../src/nile-textarea/nile-textarea.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkMxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * TextArea CSS\n */\nexport const styles = css`\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-font-size-base);\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: #A4121C;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500);\n margin-top: 6px;\n }\n\n /* Error message */\n .form-control__error-message {\n display: block;\n color: var(--nile-colors-red-700);\n margin-top: 12px;\n font-size: 12px;\n font-style: normal;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 10.24px;\n }\n\n /* Host styles */\n :host {\n display: block;\n }\n\n /* Textarea styles */\n .textarea {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n letter-spacing: 0.5px;\n vertical-align: middle;\n border-radius: var(--nile-radius-base-standard);\n transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n cursor: text;\n }\n\n /* Standard textareas */\n .textarea--standard {\n background-color: var(\n --nile-colors-white-base\n );\n border: solid 1px var(--nile-colors-neutral-500);\n }\n\n .textarea--standard:hover:not(.textarea--disabled) {\n background-color: var(\n --nile-colors-white-base\n );\n border-color: var(\n --nile-colors-dark-900\n );\n border-radius: var(--nile-radius-base-standard);\n }\n\n .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n border-color: var(--nile-colors-dark-900);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled) {\n background-color: var(\n --nile-colors-white-base\n );\n border-color: var(\n --nile-colors-primary-600\n );\n }\n\n .textarea--standard.textarea--focused:not(.textarea--disabled)\n .textarea__control {\n color: #000000;\n }\n\n .textarea--standard.textarea--disabled {\n border-color: var(\n --nile-colors-neutral-500\n );\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .textarea--standard.textarea--disabled .textarea__control {\n color: var(\n --nile-colors-neutral-500\n );\n }\n\n .textarea--standard.textarea--disabled .textarea__control::placeholder {\n color: var(\n --nile-colors-neutral-500\n );\n }\n\n /* Textarea control styles */\n .textarea__control {\n flex: 1 1 auto;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px; /* 100% */\n letter-spacing: 0.2px;\n color: var(--nile-colors-dark-900);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n }\n\n .textarea__control::-webkit-search-decoration,\n .textarea__control::-webkit-search-cancel-button,\n .textarea__control::-webkit-search-results-button,\n .textarea__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n .textarea__control::placeholder {\n color: var(\n --nile-colors-dark-500\n );\n user-select: none;\n }\n\n .textarea__control:focus {\n outline: none;\n }\n\n .textarea--medium .textarea__control {\n padding: 0.5em 10px;\n }\n\n /* Resize types */\n .textarea--resize-none .textarea__control {\n resize: none;\n }\n\n .textarea--resize-vertical .textarea__control {\n resize: vertical;\n }\n\n .textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n overflow-y: hidden;\n }\n\n .textarea--standard.textarea--warning {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .textarea--standard.textarea--error {\n border-color: var(--nile-colors-red-500);\n }\n\n .textarea--standard.textarea--success {\n border-color: var(--nile-colors-green-500);\n }\n`;\n\nexport default [styles];\n"]}