@zohodesk/dot 1.0.0-temp-219 → 1.0.0-temp-221

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 (66) hide show
  1. package/README.md +0 -11
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +6 -6
  3. package/assets/Appearance/light/mode/Dot_LightMode.module.css +12 -12
  4. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +4 -4
  5. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -1
  6. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -1
  7. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -1
  8. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -1
  9. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -1
  10. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -1
  11. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -1
  12. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -1
  13. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -1
  14. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -1
  15. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -1
  16. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -1
  17. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -1
  18. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -1
  19. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -1
  20. package/es/form/fields/CheckBoxField/CheckBoxField.js +6 -9
  21. package/es/form/fields/CurrencyField/CurrencyField.js +5 -5
  22. package/es/form/fields/DateField/DateField.js +7 -8
  23. package/es/form/fields/MultiSelectField/MultiSelectField.js +5 -6
  24. package/es/form/fields/SelectField/SelectField.js +5 -6
  25. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +6 -8
  26. package/es/form/fields/TextBoxField/TextBoxField.js +7 -7
  27. package/es/form/fields/TextareaField/TextareaField.js +6 -6
  28. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -2
  29. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -2
  30. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -2
  31. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -2
  32. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -2
  33. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -2
  34. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -2
  35. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -2
  36. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -2
  37. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -2
  38. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -2
  39. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -2
  40. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -2
  41. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -2
  42. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -2
  43. package/lib/form/fields/CheckBoxField/CheckBoxField.js +6 -10
  44. package/lib/form/fields/CurrencyField/CurrencyField.js +4 -5
  45. package/lib/form/fields/DateField/DateField.js +6 -9
  46. package/lib/form/fields/MultiSelectField/MultiSelectField.js +5 -7
  47. package/lib/form/fields/SelectField/SelectField.js +5 -7
  48. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +5 -8
  49. package/lib/form/fields/TextBoxField/TextBoxField.js +6 -8
  50. package/lib/form/fields/TextareaField/TextareaField.js +5 -6
  51. package/package.json +2 -2
  52. package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +0 -14
  53. package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +0 -14
  54. package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +0 -14
  55. package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +0 -14
  56. package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +0 -14
  57. package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +0 -14
  58. package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +0 -14
  59. package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +0 -14
  60. package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +0 -14
  61. package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +0 -14
  62. package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +0 -14
  63. package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +0 -14
  64. package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +0 -14
  65. package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +0 -14
  66. package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +0 -14
@@ -1,5 +1,3 @@
1
1
  "use strict";
2
2
 
3
- require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css");
4
-
5
3
  require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css");
@@ -1,5 +1,3 @@
1
1
  "use strict";
2
2
 
3
- require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css");
4
-
5
3
  require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css");
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
19
19
 
@@ -140,15 +140,11 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
140
140
  renderProps: renderLabelProps
141
141
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
142
142
  text: labelName,
143
- id: id,
144
- size: fieldSize === 'small' ? 'small' : 'medium',
145
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
146
- infoText: infoText,
147
- customClass: "".concat(!isDirectCol ? _FieldsModule["default"].checkboxText : '', " ").concat(!isDirectCol ? _FieldsModule["default"]["lineClamp_".concat(lineClamp)] : '', " ").concat(isReadOnly || isDisabled ? _FieldsModule["default"].cbTextReadonly : _FieldsModule["default"].cbTextPointer, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
148
- title: labelName,
149
- onClick: !removeEvent ? this.handleLabelClick : null,
150
- variant: isDirectCol ? 'default' : 'primary',
151
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
143
+ isRequired: isMandatory,
144
+ customStyle: labelCustomClass,
145
+ testId: id,
146
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
147
+ onClick: !removeEvent ? this.handleLabelClick : null
152
148
  }, LabelProps)));
153
149
 
154
150
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -178,11 +178,10 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
178
178
  renderProps: renderLabelProps
179
179
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
180
180
  text: labelName,
181
- size: fieldSize === 'small' ? 'small' : 'medium',
182
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
183
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
181
+ isRequired: isMandatory,
182
+ customStyle: labelCustomClass,
184
183
  htmlFor: uniqueId,
185
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
184
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
186
185
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
187
186
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
188
187
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/DateTime/DateWidget"));
19
19
 
@@ -185,15 +185,12 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
+ isRequired: isMandatory,
189
+ customStyle: labelCustomClass,
188
190
  htmlFor: getAriaId,
189
- size: fieldSize === 'small' ? 'small' : 'medium',
190
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
191
- onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
192
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
193
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
194
- }, LabelProps, {
195
- id: labelName
196
- }))), /*#__PURE__*/_react["default"].createElement("div", {
191
+ testId: labelName,
192
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
193
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
197
194
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
198
195
  }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
199
196
  className: _FieldsModule["default"].lockText
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/MultiSelect/MultiSelect"));
19
19
 
@@ -198,13 +198,11 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
198
198
  renderProps: renderLabelProps
199
199
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
200
200
  text: labelName,
201
- id: id,
202
- size: fieldSize === 'small' ? 'small' : 'medium',
203
- palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
201
+ isRequired: isMandatory // customStyle={style.fieldLabel}
204
202
  ,
205
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
206
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
207
- htmlFor: uniqueId
203
+ htmlFor: uniqueId,
204
+ testId: id,
205
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
208
206
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
209
207
  options: options,
210
208
  onChange: this.handleChange,
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _Select = _interopRequireDefault(require("@zohodesk/components/es/Select/Select"));
19
19
 
@@ -166,13 +166,11 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
166
166
  renderProps: renderLabelProps
167
167
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
168
168
  text: labelName,
169
- size: fieldSize === 'small' ? 'small' : 'medium',
170
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
171
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
172
- htmlFor: uniqueId,
173
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
169
+ isRequired: isMandatory,
170
+ htmlFor: uniqueId
174
171
  }, LabelProps, {
175
- id: uniqueId
172
+ testId: uniqueId,
173
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
176
174
  }))), /*#__PURE__*/_react["default"].createElement("div", {
177
175
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '', " ").concat(fieldClass ? fieldClass : '')
178
176
  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
18
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
19
19
 
20
20
  var _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
21
21
 
@@ -247,13 +247,10 @@ var TagsMultiSelectField = function TagsMultiSelectField(props) {
247
247
  }
248
248
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
249
249
  text: labelName,
250
- title: labelName,
251
- id: id,
252
- size: labelSize,
253
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
254
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(labelClass ? labelClass : ''),
255
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
256
- htmlFor: htmlId
250
+ isRequired: isMandatory,
251
+ htmlFor: htmlId,
252
+ testId: id,
253
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
257
254
  }, LabelProps)), selectedValueCount ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
258
255
  dataId: "".concat(dataId, "_tagCount"),
259
256
  className: _TagsMultiSelectFieldModule["default"].count
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
19
19
 
@@ -156,14 +156,12 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
156
156
  renderProps: renderLabelProps
157
157
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
158
158
  text: labelName,
159
- size: fieldSize === 'small' ? 'small' : 'medium',
160
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
161
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
159
+ isRequired: isMandatory,
160
+ customStyle: labelCustomClass,
161
+ testId: labelName,
162
162
  htmlFor: uniqueId,
163
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
164
- }, LabelProps, {
165
- id: labelName
166
- }))), /*#__PURE__*/_react["default"].createElement("div", {
163
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
164
+ }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
167
165
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
168
166
  }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
169
167
  htmlId: uniqueId,
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
17
17
 
18
18
  var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/Textarea/Textarea"));
19
19
 
@@ -185,12 +185,11 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
185
185
  renderProps: renderLabelProps
186
186
  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
187
187
  text: labelName,
188
- id: id,
189
- size: fieldSize === 'small' ? 'small' : 'medium',
190
- palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
191
- customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
188
+ isRequired: isMandatory,
189
+ customStyle: labelCustomClass,
190
+ testId: id,
192
191
  htmlFor: uniqueId,
193
- dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
192
+ customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
194
193
  }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
195
194
  className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
196
195
  }, !renderRightPlaceholderNode ? textAreaContent : /*#__PURE__*/_react["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-219",
3
+ "version": "1.0.0-temp-221",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -68,7 +68,7 @@
68
68
  "@testing-library/react": "^11.2.5",
69
69
  "@testing-library/react-hooks": "^7.0.2",
70
70
  "@testing-library/user-event": "^13.0.10",
71
- "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-14.1",
71
+ "@zohodesk-private/color-variable-preprocessor": "1.2.0",
72
72
  "@zohodesk-private/css-variable-migrator": "1.0.9",
73
73
  "@zohodesk-private/node-plugins": "1.1.13",
74
74
  "@zohodesk-private/react-prop-validator": "1.2.3",
@@ -1,14 +0,0 @@
1
- [data-mode='dark'][data-theme='blue'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(213, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='dark'][data-theme='green'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(191, 21.65%, calc(19.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='dark'][data-theme='orange'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(252, 4.85%, calc(20.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='dark'][data-theme='red'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(258, 12.62%, calc(20.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='dark'][data-theme='yellow'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(218, 7.69%, calc(20.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='light'][data-theme='blue'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(213, 94.26%, calc(59.02% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(213, 100.00%, calc(36.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='light'][data-theme='green'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(133, 48.36%, calc(52.16% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(143, 44.44%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(134, 78.63%, calc(25.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='light'][data-theme='orange'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(28, 79.71%, calc(59.41% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(20, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(26, 77.78%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(30, 100.00%, calc(34.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(26, 77.78%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='light'][data-theme='red'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(0, 71.43%, calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='light'][data-theme='yellow'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(46, 81.18%, calc(66.67% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(45, 83.33%, calc(95.29% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(48, 100.00%, calc(35.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(45, 83.33%, calc(95.29% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='pureDark'][data-theme='blue'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(213, 19.57%, calc(18.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='pureDark'][data-theme='green'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(133, 10.84%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='pureDark'][data-theme='orange'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(26, 19.51%, calc(16.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(26, 19.51%, calc(16.08% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='pureDark'][data-theme='red'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(0, 13.25%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(0, 13.25%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }
@@ -1,14 +0,0 @@
1
- [data-mode='pureDark'][data-theme='yellow'] {
2
- --zdtm_cta_secondary_border_darker_low: hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_bg_default_inverse_lower: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_primary_light_bg_default: hsla(35, 15.00%, calc(15.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdtm_cta_primary_border_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
- --zdtm_cta_primary_hover_bg_default: hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
11
- --zdtm_cta_primary_light_bg_darker_lowest: hsla(35, 15.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_secondary_light_border_default: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdtm_cta_primary_light_bg_default_inverse_lower: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
14
- }